Node.jsの開発環境を用意する(Mac)

Node.jsの開発環境を用意する(Mac)

開発環境

  • Mac OS Catalina ‎10.15.6
  • Homebrew 2.4.13

Homebrewでnvmをインストール

Node.jsのバージョン管理ツールnvm(Node Version Manager)をHomebrewからインストールします。

他にもnodebrewやnodeenvなど色々あるようです。違いは個々では省略します。

# Homebrewでnvmをインストール
$ brew install nvm

[省略]
Please note that upstream has asked us to make explicit managing
nvm via Homebrew is unsupported by them and you should check any
problems against the standard nvm install method prior to reporting.

You should create NVM's working directory if it doesn't exist:

  mkdir ~/.nvm

Add the following to ~/.zshrc or your desired shell
configuration file:

  export NVM_DIR="$HOME/.nvm"
  [ -s "/usr/local/opt/nvm/nvm.sh" ] && . "/usr/local/opt/nvm/nvm.sh"  # This loads nvm
  [ -s "/usr/local/opt/nvm/etc/bash_completion.d/nvm" ] && . "/usr/local/opt/nvm/etc/bash_completion.d/nvm"  # This loads nvm bash_completion

You can set $NVM_DIR to any location, but leaving it unchanged from
/usr/local/opt/nvm will destroy any nvm-installed Node installations
upon upgrade/reinstall.

Type `nvm help` for further information.

nvmの初期設定

nvmのインストールした時のメッセージに従って順に実行していきます。ちなみにメッセージが流れちゃった場合は brew info nvmで見れると思います。

nvm用のディレクトリを作成

$ mkdir ~/.nvm

PATHを通す

vimで.bash_profileを開き以下の内容を追記します。.bash_profileがない場合は新たに作ります。

$ vim .bash_profile

# zshを利用している場合
$ vim .zshrc

shellをzshに変えている場合は、.zshrcに以下の内容を追記します。

.bash_profile or .zshrc 
export NVM_DIR="$HOME/.nvm"
[ -s "$(brew --prefix)/opt/nvm/nvm.sh" ] && . "$(brew --prefix)/opt/nvm/nvm.sh"
[ -s "$(brew --prefix)/opt/nvm/etc/bash_completion.d/nvm" ] && . "$(brew --prefix)/opt/nvm/etc/bash_completion.d/nvm"

.bash_profileに追記が終わったら再起動してログインし直します。.bash_profileはログイン時に1度だけ読み込みされます。

nvmの動作確認

動作するか以下のコマンドでバージョンを確認してみます。

$ nvm version
v12.18.3

バージョンが表示されたら設定完了です。

以下のエラーが表示されたらPASHを通すの内容を.zshrcに追記し再起動してください。

nvmコマンド実行エラー 
zsh: command not found: nvm

Node.jsをインストールする

nvmからNode.jsをインストールします。

--ltsは長期サポートの最新バージョンをインストールするオプションです。

nvm install --lts

通常使うNode.jsのバージョンを設定

# 通常使うNode.jsのバージョンを設定
$ nvm use [バージョン]

# インストール済のバージョンを表示
$ nvm ls

Node.jsのバージョンを確認

# Node.jsのバージョン確認
$ node -v
v14.8.0

# Node.jsのパッケージ管理ツールのバージョン確認
$ npm -v
6.14.7

以上でNode.jsの開発環境の設定は完了です。

Commentsこの記事のコメント

メールアドレスが公開されることはありません。お気軽にコメントどうぞ。

人気記事