MacでのVSCode + nvm + Node.js （npm）環境構築手順

カテゴリ：開発環境

MacではHomebrew（Mac用のパッケージマネージャ）など、Node.jsをインストールする手順はいくつかありますが、今回はnvm（Nodeバージョンマネージャ）を使用したインストール方法となります。

Nodeバージョンマネージャ（nvm）とは

Nodeバージョンマネージャは複数のアクティブなNode.jsバージョンを管理するPOSIX準拠のbashスクリプトであり、GitHubで公開されています。

nvmのインストール

以下のコマンドを実行してnvmをダウンロード且つインストールします。

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.1/install.sh | bash

※もしコマンドライン・デベロッパ・ツールを求められたらインストールしましょう。

インストールが完了すると、最後に以下が出力されるはずです。
これはnvmコマンドを実行できるようにするためにOSの環境変数に登録しなければならないbashのスクリプトです。実行しましょう。

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh"

ログイン時に自動実行されるように、.bash_profile に上記のスクリプトをコピー&ペーストで登録しておきましょう。

vi ~/.bash_profile

vi コマンドの使用方法については、ヘルプや書籍等を参照していただきたいのですが、簡単に手順を記述しておきます。

.bash_profileへの追記手順 1. vi で .bash_profile を開くと閲覧モードで表示されますので、キーボードの i キーを押し、入力モードにします。
2. 次に、コピーした内容を貼り付け（Command + V）ます。
3. esc キーを押し閲覧モードに戻します。
4. :wq を入力して実行します。（wは保存、qは終了を意味します）
以上で .bash_profile の編集は完了です。

Node.jsのインストール

nvm コマンドに --version オプションを付与して現在のバージョンを確認しましょう。

nvm --version

ls-remote オプションを使用してインストール可能な Node.js の一覧を出力します。

nvm ls-remote

現在の安定版の最新バージョンである 12.13.0 をインストールします。
※LTSは Long Term Support の略となり長期サポート版（安定版）を表します。

nvm install 12.13.0

以下のコマンドで Node.js のインストール先を確認します。

npm config get prefix

例）

npm config get prefix
/Users/mogusa/.nvm/versions/node/v12.13.0

フルアクセスができるようにパーミッションを 777 に変更しておきます。

chmod 777 /Users/mogusa/.nvm/versions/node/v12.13.0

以上で nvm による Node.js のインストールは完了です。

npmコマンドを使用してみる

確認のため、以下のコマンドでグローバルパッケージの一覧を表示してみましょう。

npm list --global

以上、MacでのVSCode+nvm+Node.js（npm）環境構築手順についてでした。

公開日時：2019年11月10日 11:47:38
最終更新日時：2022年02月17日 13:18:19