nvmでnodeの管理

はじめに

nodeのバージョンを調整するのに同じことを毎回調べて行うので整理した。

前提

nvmで管理する例、Mac使用。

使用イメージ

各々ディレクトリ毎にnodeのバージョンを設定する。
nvmrcのファイルがない場合、デフォルトのバージョン

・ディレクトリにnvmrcのファイルがない場合

apple@appurunoMacBook-Pro htdocs % node -v
v18.16.0

・ディレクトリにnvmrcのファイルがある場合

apple@appurunoMacBook-Pro htdocs % cd nodeTest 
Found '/Applications/MAMP/htdocs/nodeTest/.nvmrc' with version <14.15.1>
Now using node v14.15.1 (npm v6.14.8)
apple@appurunoMacBook-Pro nodeTest % node -v
v14.15.1
apple@appurunoMacBook-Pro nodeTest % 

準備

1.設定ファイルに下記を設定する

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  # This loads nvm bash_completion

autoload -U add-zsh-hook
load-nvmrc() {
  local node_version="$(nvm version)"
  local nvmrc_path="$(nvm_find_nvmrc)"

  if [ -n "$nvmrc_path" ]; then
    local nvmrc_node_version=$(nvm version "$(cat "${nvmrc_path}")")

    if [ "$nvmrc_node_version" = "N/A" ]; then
      nvm install
    elif [ "$nvmrc_node_version" != "$node_version" ]; then
      nvm use
    fi
  elif [ "$node_version" != "$(nvm version default)" ]; then
    echo "Reverting to nvm default version"
    nvm use default
  fi
}
add-zsh-hook chpwd load-nvmrc
load-nvmrc

2.デフォルトのバージョンを設定する

nvm alias default 18.16.0

3.デフォルトのNode.jsのバージョンを確認

nvm alias default

nodeのバージョン設定

nodeのバージョンをdefaultが適用される。

ディレクトリで変更したい場合以下の手順を行う。
.nvmrcファイルを使用
1.プロジェクトのルートディレクトリに移動

cd /path/to/your/project

2 .nvmrcファイルを作成し、使用したいNode.jsのバージョンを記述

touch .nvmrc

echo "14.15.1" > .nvmrc

(以下はすぐに反映されない場合)

nvm use

設定ファイルがどれかわからなくなった場合

ターミナルで以下のコマンドを実行

echo $SHELL

/bin/zsh ならば、デフォルトのシェルは zsh、出力が /bin/bash ならば、デフォルトのシェルは bash。
zshの主要な設定ファイルは.zshrc、bashの主要な設定ファイルは.bashrc。

メモ

・インストール可能な Node.js のバージョンの一覧

nvm ls-remote

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

node -v

・npmのバージョンを確認

npm -v

・ Node.jsのバージョン設定
1.Node.jsのバージョンのインストール

nvm install <version>

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

nvm install 14.15.1

2.Node.jsのバージョンの切り替え

nvm use 14.15.1

参考記事