Java Scriptを本格的にいじるための環境をmac上に構築するべく、Node.jsをインストールすることにした。
【準備①】Homebrewをインストール
Homebrewの管理下におきたいので、まずはHomebrewをインストールします。
![](https://pictobaum.com/tips/wp-content/uploads/2024/04/homebrew-setup-eye-300x158.png)
【準備②】nodebrewをインストール
Homebrewがインストールできたら、Node,jsのバージョン管理などを行える「nodebrew」をHomebrewからインストールします。
Node.jsは頻繁にバージョンが変更になるようで、バージョンの切り替えを手軽に行えるnodebrewを入れておくと便利らしい
とりあえず、brew search node
で、インストール可能なものを検索。
![nodeを検索](https://pictobaum.com/tips/wp-content/uploads/2024/04/node-img1.png)
nodebrew発見。早速インストール。
brew install nodebrew
![nodebrewインストール](https://pictobaum.com/tips/wp-content/uploads/2024/04/node-img2.png)
インストールのログ内に、インストール後に行うべきことが記されています。(マーカーの箇所)
まずはディレクトリの作成。
/opt/homebrew/opt/nodebrew/bin/nodebrew setup_dirs
そして、パスを通す。
export PATH=$HOME/.nodebrew/current/bin:$PATH
~/.nodebrew ではなく Homebrew のディレクトリを使用する場合は、以下のパスを通す。(お好みで)
export NODEBREW_ROOT=/opt/homebrew/var/nodebrew
全てEnterで実行しますが、特に反応ないのでちょっと不安になります・・・が。
認識されているか、確認。
nodebrew -v で情報の確認
![インストール状態を確認](https://pictobaum.com/tips/wp-content/uploads/2024/04/node-img3.png)
ちなみに、上記画像のマーカーの箇所でディレクトリの作成とパスを通しています。
nodebrew -v
の指示が通り、nodebrewのコマンド情報などがずらっと表示されれば、無事インストールできています。
nodebrewのコマンドが弾かれるようだと、パスがうまく通せていない可能性が高いです。
Node.jsのインストール
いよいよNode.jsをインストールしていきます。
先にインストールしているnodebrewからインストールを行います。
まずは、インストール可能なバージョンnodevrew ls-remote
コマンドでチェック。
![Node.jsのバージョン一覧](https://pictobaum.com/tips/wp-content/uploads/2024/04/node-img5.png)
ずらずら〜〜とバージョンが表示されます。ioというタイプもありますが、ここでの説明は割愛します。
インストールはバージョンを指定することが可能。
nodebrew install バージョン
記述例
nodebrew install v0.1.31 | バージョン0.1.31をインストール vは省略してもOK |
---|---|
nodebrew install v21.6 | バージョン21.6の最新をインストール |
nodebrew install latest | 最新バージョンをインストール |
nodebrew install stable | 安定型の最新バージョンをインストール |
今回は安定しているものと最新バージョン入れることにします。
安定型を指定して実行
nodebrew install stable
![安定型をインストール](https://pictobaum.com/tips/wp-content/uploads/2024/04/node-img4.png)
この時点の安定している最新バージョンは20.12.1らしく、20.12.1がインストールされました。
最新バージョン指定して実行
nodebrew install latest
![最新バージョンインストール](https://pictobaum.com/tips/wp-content/uploads/2024/04/node-img6.png)
この時点の最新バージョンは、21.7.2らしく、21.7.2がインストールされました。
インストールバージョンをnodebrew list
の入力で確認します。nodebrew ls
でもOK。
![インストールされているバージョンの一覧と有効化されているバージョンの表示](https://pictobaum.com/tips/wp-content/uploads/2024/04/node-img7.png)
20.12.1と21.7.2がインストールされました。
有効化するバージョンを指定する
使用するバージョンを指定して有効にします。
nodebrew use バージョン
バージョンの指定の仕方は、インストールと同様です。安定版(stable)最新版(latest)も使用できます。
(例)nodebrew use stable を指定して、nodebrew ls で確認
![インストールされているバージョンの一覧と有効化されているバージョンの表示](https://pictobaum.com/tips/wp-content/uploads/2024/04/node-img8.png)
stableを指定したので、carrent:v20.12.1が有効化されました。
バージョンの切り替えもuseコマンドを使用します。
nodebrewのよく使うコマンドまとめ
nodebrew ls-remote | インストール可能なバージョンの一覧を表示 |
---|---|
nodebrew install バージョン | バージョンを指定してインストール |
nodebrew uninstall バージョン | バージョンを指定してアンインストール |
nodebrew use バージョン | 有効化するバージョンを指定・バージョンの切り替え |
nodebrew help | 使用できるコマンドの一覧 インストールされているnodebrewのバージョン情報 |
nodebrew ls (nodebrew list) | インストールされているバージョン一覧と有効になっているバージョンを表示 |
nodebrew selfupdate | nodebrewのアップデート |
Node.jsのパッケージ管理をする「npm」について
Node.jsを使用していくにあたり、Node.jsで作成されたパッケージやライブラリを組み込んだり管理したりするツールである「npm」があると便利とされていますが・・・。
Node.jsをインストールすると一緒にインストールされます。
npm -v で確認
![npmのバージョン表示](https://pictobaum.com/tips/wp-content/uploads/2024/04/node-img9.png)
npm10.5.0バージョンがインストールされていることが確認できました。
もし入っていないようであればHomebrewからインストール可能です。
(余談)互換性のある「yarn」
npmとyarnは同列で紹介されていることが多いですが、yarnはFacebook社のものでNode.js公式ではないようです。
ただ口コミなどを見るとインストールとか動きが早いらしい・・・
とりあえずは公式のnpmを使用することにした。
Node.jsの起動と終了
ターミナルでnode
と入力して実行すると起動し、node.jsでの入力へ移行できます。
起動時
node
![Node.jsの起動](https://pictobaum.com/tips/wp-content/uploads/2024/04/node-img10.png)
ウィンドウのタイトル表示もーnodeーに変わっています。
これで起動できているので、あとはコードを打ち込むのみ。
お試し変数で動きをチェック
![node.jsお試し運転](https://pictobaum.com/tips/wp-content/uploads/2024/04/node-img11.png)
打ち込んでいるそばから、実行結果が表示されていきます。
終了時
.exit
上記のコードでnode状態から出ることができます。
.ex あたりまで打ち込むとヒント表示されます。
エラー:使えていたのになぜかcommand not foundになった
無事インストールして使えていたのに、後日使おうとしたらnodeが見つからないと言われてしまいました。
nodebrewは入っているし、設定したバージョンも確認できる状態。しかし・・・
node -v
npm -v
バージョン確認をするコマンドを実行しても見つからない。
![node -v Not found](https://pictobaum.com/tips/wp-content/uploads/2024/05/node-img12.png)
command not found: となってしまい、nodeもnpmもどっちも見つからない><
再度パスを通してみたところ、無事解決したので原因はパス切れだと思われる。
export PATH=$HOME/.nodebrew/current/bin:$PATH
今後のために、ターミナル起動時にはパスを通すように設定します。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgwJTkwTWFjJUUzJTgwJTkxJUUzJTgyJUJGJUUzJTgzJUJDJUUzJTgzJTlGJUUzJTgzJThBJUUzJTgzJUFCJUUzJTgxJUE3JUU0JUJEJUJGJUUzJTgxJTg2JUUzJTgyJUIzJUUzJTgzJTlFJUUzJTgzJUIzJUUzJTgzJTg5JUUzJTgxJUFFJUUzJTgyJUE4JUUzJTgyJUE0JUUzJTgzJUFBJUUzJTgyJUEyJUUzJTgyJUI5JUUzJTgyJTkyJUU4JUE4JUFEJUU1JUFFJTlBJUUzJTgxJTk5JUUzJTgyJThCJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz03ZmZhOTJhYTc4NmNhZjdlMzIwZGRlMjM4NzczMDNmYw&mark-x=142&mark-y=57&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBZdXN1a2VIaWdha2kmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTFlNmFkYmQ1ZTg4N2E4ZGY0ZGFiZWJhNDJjMjcwM2Mz&blend-x=142&blend-y=486&blend-mode=normal&s=ed7b82e58b527e49a7ce76eca83aacd7)
上記はbashのパターンですが、私はZshなので以下にまとめ。
nodebrewのパス設定コマンドを自動化
ホームディレクトリで、.zshrcファイルを開きます。
cd $HOME
vim .zshrc
開いたら、パスを通すコマンドを入力(コピペ)。
![.zshrc編集画面](https://pictobaum.com/tips/wp-content/uploads/2024/04/node-img13.png)
(補足)下記画像の1行目は、MAMPのパス。今回追加したのは2行目。
大文字の Z Z(Shift + Zを2回)を入力し、上書き保存して終了させます。
zshでは、ターミナルを起動した時に.zshcrファイルが実行されるので、この設定だけでOK。
これで、時間を置いてもNode.jsを使用する時も改めてパスを通す手間がなくなりました!