ダミーのためのVue-MacbookProで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 路径

環境変数パスにパスを追加します

7.要素とのクラッシュ

おすすめ

転載: blog.csdn.net/fuhao7i/article/details/109467813