LoginSignup
0
2

More than 1 year has passed since last update.

ゼロからNode.js環境をHomebrew、nodenv経由で構築(MacOS)

Posted at

ゼロからNode.js環境をHomebrew、nodenv経由で構築

大学入学時に購入して何もわからず環境構築したMacBook Pro。
何かがおかしいと気づきつつ無理矢理使ってきましたが本当に限界を感じたので一旦出荷状態まで戻して全てを最初からやり直します。
この記事ではNode.js環境をHomebrew、nodenv経由で構築していきたいと思います。
一連の投稿のハブになる記事はこちら

参考にさせていただいた記事
MacにHomebrew経由でnodenvを導入する(+PHPStorm対策)

環境

MacBook Pro (13-inch, 2018)
macOS Monterey Version 12.5
メモリ intel Core i5
zsh 5.8.1 (x86_64-apple-darwin21.0)

経緯

バージョン管理しつつnode.jsを使いたいと思っての環境構築。過去にてきとうにやりすぎて時々謎のエラーを吐いてたので今回は綺麗に環境構築を目指します。

Xcodeをインストール

既に完了している場合はスキップしてください
Xcodeを入れとくと色々なライブラリーが使えるらしいのでXcodeをインストール。
インストールはAppleStoreからできる。
そこそこ時間がかかるので進んでいるか不安になりますが多分大丈夫です。

終わったらComand Line Toolをダウンロードしていきます。
terminal(わからない人はcomand+spaceを押してterminalと検索)を開いて下のコマンドを実行。

terminal.app
user@host $ xcode-select --install
xcode-select: error: command line tools are already installed, use "Software Update" to install updates

既に入っているらしい。(入っていない場合があるのかは知らない。入っていなければ指示に従って入れてください)
次にEULAに同意する。

terminal.app
user@host $ xcode-select -license

spaceを押して進めて大丈夫そうならagreeと入力してEnterを押しましょう。

最後にインストールされているのを確認します。

terminal.app
user@host $ xcode-select --print-path 
/Applications/Xcode.app/Contents/Developer

こんな感じでpathが出力されればOKです。
確認してないですがdeveloper toolsのインストールを求められる場合があるらしいので指示に従ってインストールしましょう。
(私は別のものをいじっている時に求められて入れていたので必要なかった?)

Homebrewのインストール

既に完了している場合はスキップしてください
次はHomebrewをインストールします。
Homebew公式に記載されているコマンドを入力してインストールします。(パスワードを求められます)

terminal.app
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

必要に応じて.zshrcファイルを作成してpathとかを書き込んでください。

Homebrewのインストールを確認しましょう。

terminal.app
user@host $ brew doctor
Already Up-to-date.

上のようにAlready Up-to-dateと出ればOKです。warnigが出た場合は適時解決しましょう。
私の場合はwarningが出て下のコマンドの実行を求められました。

terminal.app
user@host $softwareupdate --all --install --force

nodenvのインストール

次にhomebrewを使ってnodenvをインストールします。
必要に応じてhomebrewをアップデートしてください。

terminal.app
user@host $brew install nodenv

~/.zshrcに書き込んでいきます。(/zprofileに書き込むパターンもあり、詳しくは適時調べてください)
まずは.zshrcが存在するか確認しましょう。

terminal.app
user@host $la -a

無い場合は作ります。(ある人はスキップ)

terminal.app
user@host $touch .zshrc

~/.zshrcに書き込みます。

terminal.app
user@host $echo 'export PATH="$HOME/.nodenv/bin:$PATH"' >> ~/.zshrc
user@host $echo 'eval "$(nodenv init -)"' >> ~/.zshrc

Node.jsのインストール

nodenvを使ってNode.jsをインストールしましょう。
まずは利用できるバージョンを確認します。

terminal.app
user@host $nodenv install -l

いっぱい出てくると思うのでその中からインストールするバージョンを決めます。
今回はv18.7.0をインストールします。

terminal.app
user@host $nodenv install 18.7.0

バージョンを切り替えてインストールしたNode.jsを使えるようにします。

terminal.app
#ユーザー全体で設定
user@host $nodenv global 18.7.0
#フォルダ内で設定
user@host $nodenv local 18.7.0

(おまけ)設定されているバージョン・インストールされているバージョンの確認

terminal.app
user@host $nodenv versions
* 18.7.0 (set by /Users/takayoshi/.nodenv/version)

終わりに

今回はHomebre、nodenv経由でNode.jsをインストールしました。
誤字等あったらご指摘ください。
記事を参考にさせていただいた方々本当にありがとうございます。

0
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
2