はじめに
Node.js 未経験者が初めて開発環境を構築したときの備忘録です。
Homebrew や git はインストール済みの前提です。
環境
macOS Catalina version 10.15.5
Homebrew 2.4.2
git version 2.22.0
fish, version 3.0.2
Node.js インストール
anyenv インストール
こちらはnodenv以外にもあるpyenv等、様々なenv系のツールをまとめてくれるもの。
今回はこちらを経由して nodenv をインストールする。
インストール
$ brew install anyenv
初期化します。
$ anyenv init
# Load anyenv automatically by adding
# the following to ~/.config/fish/config.fish:
status --is-interactive; and source (anyenv init -|psub)
なんか出るので従います。
$ vi ~/.config/fish/config.fish
# 以下を追記
status --is-interactive; and source (anyenv init -|psub)
config を読み直します
$ source ~/.config/fish/config.fish
ANYENV_DEFINITION_ROOT(/Users/hoge/.config/anyenv/anyenv-install) doesn\'t exist. You can initialize it by:
> anyenv install --init
またなんかでるので従います。
$ anyenv install --init
Manifest directory doesn\'t exist: /Users/hoge/.config/anyenv/anyenv-install
Do you want to checkout ? [y/N]: y
Cloning https://github.com/anyenv/anyenv-install.git master to /Users/hoge/.config/anyenv/anyenv-install...
Cloning into '/Users/hoge/.config/anyenv/anyenv-install'...
remote: Enumerating objects: 48, done.
remote: Total 48 (delta 0), reused 0 (delta 0), pack-reused 48
Unpacking objects: 100% (48/48), done.
Completed!
nodenv をアップデートできるようにする
以下を参考に anyenv-update プラグインをインストールする
$ git clone https://github.com/znz/anyenv-update.git (anyenv root)"/plugins/anyenv-update"
これにより、最新バージョンの Node.js もインストールできるようになる
nodenv インストール
インストール
$ anyenv install nodenv
# shell 再起動
$ exec $SHELL -l
Node.js インストール時に yarn もインストールされるようにプラグインを追加
https://github.com/pine/nodenv-yarn-install
$ git clone https://github.com/pine/nodenv-yarn-install.git (nodenv root)"/plugins/nodenv-yarn-install"
Node.js インストール
# 一覧を確認
$ nodenv install -l
# バージョンを指定してインストール
# https://nodejs.org/ja/download/ を確認して、最新のLTSバージョンを選ぶ
$ nodenv install 16.17.0
# デフォルトで使用するバージョンを設定
$ nodenv global 16.17.0
# shell 再起動
$ exec $SHELL -l
# Node.js のバージョンを確認
$ node -v
v16.17.0
# yarn のバージョンを確認
$ yarn -v
1.22.19
最新バージョンの Node.js が見つからない場合
最新バージョンの Node.js が見つからない場合、 nodenv をアップデートする
$ anyenv update
# 再度一覧を確認すると最新のバージョンが出てくるはず
$ nodenv install -l
インストール時にエラーが出た場合
インストール時に以下のエラーが出た場合
default-packages file not found
default-packages ディレクトリを作成する
# default-packages を作成
$ touch $NODENV_ROOT/default-packages
# 再インストール
$ nodenv install 12.22.8
ディレクトリごとにバージョンを切り替えたい場合
nodenv local を使うと特定のディレクトリで使用するバージョンを設定できます。
$ cd hoge/
$ nodenv local 12.22.8
# 上記を実行すると .node-version というファイルが作られる
$ node -v
v12.22.8
ここまでで Node.js を使えるようになりました。
Visual Studio Code
Node.js の開発を行う際に便利なエディタ
以下よりzipをダウンロード
https://code.visualstudio.com/
解凍するとappファイルが出てくるのでApplicationsディレクトリに移動してインストール完了。
環境構築完了です。
参考