準備作業#
「公式ダウンロードページ」にアクセスして、最新の LTS バージョンを入手します。現在のバージョンは Latest LTS Version: 10.14.1
です。公式サイトではさまざまなプラットフォーム向けのインストールファイルが提供されていますが、ここでは Windows Binary (.zip) 64-bit
を選択し、バイナリファイルの圧縮版をダウンロードします。
インストール手順#
ダウンロードが完了したら、解凍を行います。管理のために、私は F:\Node.js\dev_tools\node\v10.14.1
というディレクトリを作成し、解凍後の Node.js プログラムを保存し、デフォルトで npm をインストールしました。
次に、CMD で Node.js の関連コマンドを使用するために、「環境変数」を追加します:
# Node.jsのインストールパスの環境変数を作成
NODE_HOME=F:\Node.js\dev_tools\node\v10.14.1
# Pathに追加
Path={...};%NODE_HOME%;
Node.js にはデフォルトで npm が含まれているため、追加の設定なしで
npm
コマンドをグローバルコマンドで使用することができます。ただし、自分でインストールした npm(例:cnpm)を使用する場合は、上記のように対応する環境変数を追加する必要があります。
テスト#
PowerShell でnode -v
とnpm -v
を入力してください:
PS C:\> node -v
v10.14.1
PS C:\> npm -v
6.4.1
現在の Node.js と npm のインストールバージョンがそれぞれv10.14.1
と6.4.1
であることが確認できます。
NPM の設定#
現在の設定の確認#
npm config list
コマンドを使用して現在の設定を確認するか、npm config ls -l
コマンドを使用してすべての設定情報を表示します。
グローバルモジュールディレクトリとキャッシュディレクトリ#
npm の「グローバルモジュールディレクトリ」と「キャッシュディレクトリ」を設定します。
なぜこれらのディレクトリを設定する必要があるのでしょうか?
グローバルインストールステートメントを実行すると、次のようになります:
npm install express -g
-g
:オプションパラメータ -g、g は global を表します。
解凍版を基にしているため、express
モジュールはデフォルトで{解凍ディレクトリ}\node_modules
ディレクトリにインストールされます。私の場合は、F:\Node.js\dev_tools\node\v10.14.1\node_modules
です。npm のキャッシュファイルはC:\Users\%USERNAME%\AppData\Roaming\npm-cache
ディレクトリに保存されます。インストールファイルを直接使用している場合は、これらのフォルダはデフォルトで C ドライブにあり、C ドライブのスペースを占有します。
これらのフォルダをカスタマイズできますか?
次に、これらのディレクトリを設定し、グローバルモジュールのインストールディレクトリとキャッシュディレクトリを指定します:
# グローバルモジュールのインストールディレクトリを設定し、ファイルはnode_modulesフォルダに保存されます
npm config set prefix "F:\Node.js\dev_tools\node\v10.14.1"
# キャッシュディレクトリを設定
npm config set cache "F:\Node.js\dev_tools\node\v10.14.1\npm-cache"
# 設定後、以下の方法で正常に設定されたか確認できます
npm config list
# または
npm config ls -l
これで、もう一度express
モジュールをグローバルにインストールしてみると、指定したディレクトリが表示されることがわかります。
カスタム設定は
C:\Users\%USERNAME%\.npmrc
ファイルに保存されます。
NPM ミラーソースの設定#
npm のミラーソースを指定して、ネットワークの高速化を実現することができます。デフォルトのソースはhttps://registry.npmjs.org
ですが、国内ではアクセス速度が遅いです。
この場合、いくつかの優れた国内 npm ミラーソースを使用することができます:
- CNPM:
https://r.cnpmjs.org/
- 淘宝 NPM ミラー:
https://registry.npm.taobao.org/
一時的に使用する場合
npm --registry https://registry.npm.taobao.org install express -g
永続的に使用する場合
npm config set registry https://registry.npm.taobao.org
# 設定後、以下の方法で正常に設定されたか確認できます
npm config get registry
# または
npm info express
cnpm
を使用する場合
npm install -g cnpm --registry=https://registry.npm.taobao.org
# 使用方法
cnpm install express -g
# cnpmを使用できない場合は、グローバルモジュールディレクトリを指定している可能性があるため、対応するシステム環境を設定する必要があります。上記の「インストール手順」セクションを参照してください。
- 注意:この時点での cnpm にはデフォルトの設定があり、同様に「NPM の設定」セクションで説明したように、
グローバルモジュールディレクトリ
とキャッシュディレクトリ
の関連設定が必要です。カスタム設定はC:\Users\%USERNAME%\.cnpmrc
ファイルに保存されます。