Vue環境の準備 - nodejs、npm

まず最初に、次の 3 つのものが何に使用されるかを明確にする必要があります。

• npm : Nodejs のパッケージマネージャー
• webpack: その主な目的は、リソースのマージやパッケージ化など、CommonJS 構文を通じてブラウザー側で解放する必要があるすべての静的リソースを準備することです。
• vue-cli : ユーザーが生成した Vue プロジェクト テンプレート
  
  

Nodejsのダウンロードとインストール

まずは公式サイトにアクセスしてダウンロードしてください。

ダウンロードが完了したら、ダブルクリックしてインストールします。





インストールが成功したかどうかを確認します。

構成

npmのローカルウェアハウスはデフォルトではCドライブにあるため、設定を変更する必要があります。
nodejs インストール ディレクトリの下に 2 つの新しいフォルダーを作成します。

次に、次の 2 つの手順を実行します。

npm config set prefix "D:\softwares\Study\NodeJS\node_global"
npm config set cache "D:\softwares\Study\NodeJS\node_cache"

ダウンロード速度を向上させるために、ミラー ステーションを構成できます。

npm config set registry=http://registry.npm.taobao.org    #配置镜像站
npm config get registry     #检查一下有没有配置好

C:\Users\Administrator の下にある .npmrc ファイルを開くと、先ほどの構成情報が表示されます。

注: デフォルトのモジュール D:\softwares\Study\NodeJS\node_modules パスは D:\softwares\Study\NodeJS\node_global\node_modules に変更されるため、環境変数を構成する必要があります。