Mac に Node.js 環境をさくっと整えるための最短ルート #JavaScript

Mac を買った

何も入っていない状態の Mac に Node.js のバージョンマネージャとパッケージマネージャをインストールして、Node.jsを用いた開発に着手できる環境を構築する
扱うものは以下。
- Homebrew
- anyenv
- nodenv
- yarn
これらのうちどれかを単体で扱った記事（そのぶん詳しく書かれているので有難いですが）や、それぞれの他の選択肢との比較記事（例: nodenv vs nvm, yarn vs npmなど）が多いような印象のなか、本記事は「とりあえずコードを書ける状態まで持っていきたいんだけど、、」という方向け（そういった比較記事も読んだうえで、わりと評判のよいものたちを選んだつもりです）。

「○○env」と名のつくものたち（今回使う後述のnodenvや、たとえばPythonで使うpyenvなど。主に、プロジェクトごとに言語のバージョンを簡単に切り替えるために使ったりする）をまとめて管理する便利なやつ。
今回は JavaScript (Node.js) だが、のちのち別の言語でも開発してみるとなったときにも便利。

上でインストールした Homebrew を使う。ターミナル（私の場合zsh）で以下を実行。
ターミナル
```
$brew install anyenv
```
続けて、ターミナルで以下を実行。
ターミナル
```
$anyenv init
```
そうすると、指示が出てくるのでそれにしたがって、 ~/.zshrc（bashの場合は~/.bashrc）に eval "$(anyenv init -)" と追記する。具体的には以下のとおり。
ターミナル
```
vi ~/.zshrc
```
.zshrc（bashの場合は.bashrc）に追記
```
eval "$(anyenv init -)"
```
ターミナルを再起動
ターミナルを再起動したタイミングでWarningが出てくるので、指示通りに以下を実行
ターミナル
```
$anyenv install --init
```

Node.js のバージョン管理に使う。
プロジェクトごとに Node のバージョンを簡単に切り替えることができる（たとえば、昔作ったアプリAはちょっと古いバージョンだけど、新しく作るアプリBでは最新バージョンのNode.jsを使う、など）。

上でインストールした anyenv から nodenv をインストール。
ターミナル
```
$ anyenv install nodenv
```
ターミナルで以下を実行（起動中のシェル（$SHELL）をログインシェルから起動させるコマンド）
ターミナル
```
$ exec $SHELL -l
```
続いて、ターミナルで以下を実行することで、インストール可能なNodeのリスト（一覧）が出る。
ターミナル
```
$nodenv install -l
```
その後、インストールしたいバージョンを指定（以下の例では12.16.1）してターミナルで以下を実行。
- 最新の安定バージョン（LTS; Long-Term Support）や最新版は Node.js の公式サイトから確認できる。
- 特にこだわりや制約がないのであれば、LTSとなっているバージョンを指定すればよい。
ターミナル
```
$nodenv install 12.16.1
```
続いて、以下をターミナルで実行。
ターミナル
```
$nodenv rehash
```
最後に、以下のコマンドをターミナルで実行することで、インストールしたバージョンの Node.js を使えるようになる
ターミナル
```
$nodenv global 12.14.0
```

ちなみに、個別のプロジェクト（アプリ）でバージョンを切り替えたい場合は、まず、利用したいバージョンをインストール（$nodenv install (バージョン番号)してから、そのディレクトリ内で$nodenv local (バージョン番号)と打って実行することで、プロジェクトごとにバージョンを切り替えることができる。

ターミナル

brew install yarn

Enjoy JavaScript!