LoginSignup
1
1

【M3 Mac】 HomebrewとNode・npmの導入

Last updated at Posted at 2024-03-28

Homebrew.jpeg

HomebrewとNode・npmの導入

Node・npmはともかく、Homebrew導入で途中エラったので備忘録
環境はM3 MacBookAir

Homebrewの導入

1. インストールするディレクトリに移動

以下のコマンドを実行し、/Users/{user-name}ディレクトリへ移動

{user-name}は環境によって異なる。

実行内容
cd ~

Macの純正ターミナルは初期ディレクトリがここ
どこにインストールするかは個人が任意に設定(あくまで自分はここ)

2. Homebrewをインストール

以下のコードをコピーするか、公式サイトからコピーして実行

実行内容
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

アンインストールしたい場合

アンインストールしたい場合は、URLのinstalluninstallにするだけ

~ /uninstall.sh

2-1. パスワードを入力してインストールを進める

以下の出力がされたらMacのロック解除パスワードを入力し、エンター

出力内容
==> Checking for `sudo` access (which may request your password)...
Password:

2-2. 再度、エンター

以下の出力がされたらエンター

実行内容
Press RETURN to continue or any other key to abort:
~ 以下略 ~

3. PATHを通す

出力内容
==> Next steps:
- Run these two commands in your terminal to add Homebrew to your PATH:
    (echo; echo 'eval "$(/opt/homebrew/bin/brew shellenv)"') >> /Users/{user-name}/.zprofile
    eval "$(/opt/homebrew/bin/brew shellenv)"
- Run brew help to get started
- Further documentation:
    https://docs.brew.sh

3-1. 以下のコマンドを実行

{user-name}は環境によって異なる。ただし、編集する必要はない。

実行内容
echo 'eval "$(/opt/homebrew/bin/brew shellenv)"' >> /Users/{user-name}/.zprofile

以下コマンドの>>の前にある)は削除する事

shellenv)"') >> 

コマンド実行時にzsh: parse error near )'`と出た場合はこれが原因

3-2. 以下のコマンドを実行

実行内容
eval "$(/opt/homebrew/bin/brew shellenv)"

4. 以下のコマンドを実行

実行内容
brew -v

以下のように導入したHomebrewのバージョンが表示されればOK

出力内容
Homebrew 4.2.15

または、

実行内容
brew help

以下のような出力が表示されればOK

出力内容
Example usage:
  brew search TEXT|/REGEX/
  brew info [FORMULA|CASK...]

~ 以下略 ~

HomebrewでNode・npmの導入

1. Nodeをインストール

以下のコードをコピーするか、公式サイトからコピーして実行
これで安定版のNodeを導入可能

実行内容
brew install node

2. バージョン確認

以下のコマンドをそれぞれ実行

実行内容
node -v
npm -v

それぞれが以下のように導入したNodeのバージョンが表示されればOK

出力内容
node -v
v21.7.1

npm -v
10.5.0

nvmでNode・npmの導入

1. Nodeをインストール

インストール先のディレクトリに移動
以下のコードをコピーするか、公式サイトからコピーして実行

実行内容
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash

2. PATHを通す

インストール後、以下のようなコマンドが出力される
以下のコマンドをコピーするか、ターミナルからコピーして実行

出力内容
export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm

3. バージョン確認

以下のコマンドを実行

実行内容
nvm -v

以下のように導入したnvmのバージョンが表示されればOK

出力内容
node -v
0.39.7
1
1
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
1
1