nvm を使って Node.js の LTS バージョンをMacにインストールする #初心者

プログラミング学習者です。これまでRubyとRuby on Railsを学習していて、これからJavaScriptの学習を始めるために行いました。
次の機会に、またいちからやり直しになりそうだったので、作業記録を残します。

環境

macOS Monterey12.6、プロセッサはintel。
Homebrewはインストール済み。

インストールの流れ

Homebrewを使って、Node.jsのバージョン管理ツールをインストール。ここではnvmを使用。
nvmを使って、Node.jsをインストール
確認
.nvmrc ファイルに関すること（必須ではない。）

語句

HomebrewはMacのパッケージマネージャ
nvmは、Node.jsのバージョン管理ツール。バージョン管理ツールは他にもある。
Node.jsは

Node.jsは、サーバーサイドでJavaScriptを使うためのプラットフォーム
(【入門】Node.jsとは？利用シーンやメリットなどをわかりやすく解説 - カゴヤのサーバー研究室より）

実際の作業手順

1) Homebrewでnvmをインストール

$ brew install nvm

上のコマンドでインストールされると、ターミナルに以下が出力されます。

```shell-session
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.
==> Summary
🍺  /usr/local/Cellar/nvm/0.39.1_1: 9 files, 184.2KB
==> Running `brew cleanup nvm`...
Disable this behaviour by setting HOMEBREW_NO_INSTALL_CLEANUP.
Hide these hints with HOMEBREW_NO_ENV_HINTS (see `man brew`).

表示された内容に沿って必要な設定を行います。

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

$ mkdir ~/.nvm

vim ~/.zshrcで、zshrcファイルへ以下を追記。

 # nvmの設定
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

確認するには、ターミナルを再起動してnvm --version、
バージョンが表示されればO.K。

2) nvmを使って、Node.jsをインストール

Node.jsのLTSバージョンをインストール。

❯ nvm install --lts
Installing latest LTS version.
Downloading and installing node v16.17.0...
Downloading https://nodejs.org/dist/v16.17.0/node-v16.17.0-darwin-x64.tar.xz...
######################################################################### 100.0%
Computing checksum with sha256sum
Checksums matched!
Now using node v16.17.0 (npm v8.15.0)
Creating default alias: default -> lts/* (-> v16.17.0)

3) 確認

こうなっていれば、大丈夫そう。（バージョンの数字以外で）

❯ node -v
v16.17.0

~
❯ nvm ls
->     v16.17.0
         system
default -> lts/* (-> v16.17.0)
iojs -> N/A (default)
unstable -> N/A (default)
node -> stable (-> v16.17.0) (default)
stable -> 16.17 (-> v16.17.0) (default)
lts/* -> lts/gallium (-> v16.17.0)
lts/argon -> v4.9.1 (-> N/A)
lts/boron -> v6.17.1 (-> N/A)
lts/carbon -> v8.17.0 (-> N/A)
lts/dubnium -> v10.24.1 (-> N/A)
lts/erbium -> v12.22.12 (-> N/A)
lts/fermium -> v14.20.0 (-> N/A)
lts/gallium -> v16.17.0

4) .nvmrc ファイルに関すること(必須ではない。）

.nvmrc ファイルがある場合は、自動で読み込まれるように設定。

.nvmrc ファイルとは？

プロジェクトのルートディレクトリ (または任意の親ディレクトリ) に、ノードのバージョン番号を含むファイルを作成することで、コマンドラインでバージョンが指定されていない場合はnvm use, nvm install, nvm exec, nvm runやnvm whichを行う際、.nvmrc ファイルで指定されたバージョンが使用される。

.nvmrc ファイルを自動的に読み込むための設定、zsh の場合

.zshrcファイルを編集。

vim ~/.zshrc

以下を追記しておく。

# .nvmrc ファイルを自動的に読み込むための設定
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

参考リンク

ありがとうございます！！🙏