nodejs

Node.jsをMacにインストールする方法【完全版】

2019年10月16日

あなた
Node.js使いたいです。
唐突だね笑 けど使えるようになるといろいろ便利だから今のうちにんストールしておこう!
てんし君

 

こんな方におすすめ

  • Macユーザー
  • Node.jsをインストールしたい方

 

実際に僕がインストールする中で、つまずいた点や出てきたエラーも紹介しています。もちろん対処法も紹介しているので参考にしてみてください。

 

Nodebrewをインストールする

動画で実際にインストールしているのが見れます!ぜひ!

 

まずはNodebrewのインストールが必要です。

NodebrewをインストールするにはHomebrewのインストールが必要です。

Homebrewのインストールに関してはこちらの記事にまとめてあるので参考にしてみてください。

 

Homebrewの公式ページ
【最新版】MacでHomebrewインストール

あなたMacでHomebrewをインストールしたいんだけどどうすればいいの? 今回はこのような悩みに答えていきます。 こんな方におすすめ Macユーザー Homebrewをインストールしたい方 動画で ...

続きを見る



Nodebrewを使えるようにする手順は以下です。

ポイント

①Nodebrewをインストール

②Nodebrewのパスを通す

 

①Nodebrewをインストール

 
brew install nodebrew

 

②Nodebrewのパスを通す


nodebrew install-binary stable

nodebrew setup

echo 'export PATH=$HOME/.nodebrew/current/bin:$PATH' >> ~/.zprofile

source ~/.zprofile

nodebrew list

nodebrew use v○.○.○

node -v

npm -v

 

順に説明します。

 

安定版をインストール

nodebrew install-binary stable

 

使えるようにする

nodebrew setup

 

パスを通す

echo 'export PATH=$HOME/.nodebrew/current/bin:$PATH' >> ~/.zprofile

 

パスを適用させる

source ~/.zprofile

 

注意ポイント

うまくいかない方は

zprofileの部分をbash_profileにしてみてください!!

 

インストールしたバージョン一覧表示

nodebrew list

 

使用するバージョンを指定

(ここを忘れると次のnode-vなどでcommand not foundの原因になるのでしっかり実行すること)

nodebrew use v○.○.○

 

使えるバージョン一覧表示

node -v

npm -v

 

 

nodebrew use v〇〇○をしないと以下のようなエラーが出ます。

node: command not found

 

cat .bash_profile >> .zprofileでbash_profileの内容も簡単移行

cat .bash_profile >> .zprofileでbash_profile

 

でbash_profileの内容をそのまま移行できます。

てんし君
便利だね!

 

どうでしたでしょうか?無事環境を作れましたか?

これでnpmを使ってVue.jsとか使えるようになりますよ、、ワクワク

 

ということで何か質問などありましたらTwitterで気軽にどうぞです!

 

プログラミングスクールに関する情報

【無料あり】プログラミングスクールおすすめランキング【WEBエンジニアになりたい方向け】と書かれた画像
【無料あり】プログラミングスクールおすすめランキング【WEBエンジニアになりたい方向け】

  あなたプログラミングスクールに通いたいけどたくさんありすぎてどこがいいのかわかりません。   最近はエンジニアブームということもありプログラミングスクールが増えました。 一方でたくさんありすぎてど ...

続きを見る

返金保証ありのプログラミングスクールランキング【エンジニアが選びました】と表示されたパソコンの画面
【転職保証つき】返金保証ありのプログラミングスクールランキング【エンジニアが選びました】

  あなた返金保証がついているオススメのプログラミングスクールってありますか?   結論から話すと、返金保証つきのプログラミングスクールランキングは次の通りです。   1位:DMMWEBキャンプ  【 ...

続きを見る

wordpress
【無料あり】WEB制作を学べるオンラインスクールランキング【副業で稼ぎたい方向け】

  あなたWeb制作の副業で稼ぎたいけど、どのスクールで学ぶのが良いの? スクール選びで失敗はしたくないです。   ↑このような疑問や不安を解決するべく、現役のWebエンジニアがWEB制作を学べるスク ...

続きを見る

フリーランス
無料あり:フリーランスを目指せるプログラミングスクールランキング【体験をもとに徹底分析しました】

  あなたフリーランスエンジニアを目指すことができるプログラミングスクールってありますか?   最近では、高年収や働きやすさの魅力からフリーランスエンジニアを目指す方も増えてきました。 結論から話すと ...

続きを見る

WEB系自社開発企業にいけるプログラミングスクールランキング【現役エンジニアおすすめ】と書かれた画像
WEB系自社開発企業にいけるプログラミングスクールランキング【現役エンジニアおすすめ】

  あなたWEB系の自社開発企業に就職したいです。 オススメのスクールを教えて下さい。   結論から話すと、WEB系自社開発に行きやすいスクールのランキングは以下の通り。   第1位:テックアカデミー ...

続きを見る

-nodejs
-

S