Mac構成Vue
さあさあ!あなたが今疲れていると感じたら、おめでとうございます、あなたは今、上に向かっています!一緒に頑張りましょう!
私の説明ビデオをフォローすることを歓迎します、一緒に学びましょう:
ビリビリのホームページ:https://space.bilibili.com/481802918
Vue開発環境の基本的なプロセス
1.Macにbrewをインストールします
brewは、Macのパッケージ管理ツールであり、Macにさまざまなソフトウェアパッケージをインストール、アンインストール、および更新できます。brewはMacコンピューターのプログラマーにとって不可欠なツールになりました
2.nodejsをインストールします
brewを使用してインストール
brew install nodejs
インストール後、node -vを使用してnodejsのバージョンを確認します(npmはnodejsとともにインストールされるパッケージ管理ツールです)
しかし、npmは外部サーバーであり、速度は比較的遅いので、Taobaoyuancnpmに置き換えることができます。
npm install -g cnpm --registry=https://registry.npm.taobao.org
3.webpackをインストールします
cnpm install webpack -g
4.vueスキャフォールディングをインストールします
vueの作成に使用された最初のプロジェクト
cnpm install vue-cli -g
5.Vueプロジェクトを作成します
指定されたディレクトリに移動し、Vueプロジェクトを作成します。
#命令格式:vue init webpack 工程名字<工程名字不能用中文>
vue init webpack fuhao7i
注:elint、unit test、e2e testは他のn個を選択し、Enterキーを押します
6.実行
vscodeでプロジェクトを開き、
ターミナルでコマンドを入力します。
npm run dev
7.npmが依存するグローバルインストール場所を設定します
WindowsコンピュータがnpmキャッシュパスをDドライブ(デフォルトはCドライブ)に設定することに注意してください。
npm set cache 路径
npm set prefix 路径
環境変数パスにパスを追加します