node.jsとnpmとnvmをインストールしよう。node.jsの環境を用意する（Mac OSX編）|おちゃカメラ。

Hexoでブログを開設したい方に捧げる連載記事「Hexoの使い方とブログの初め方」です。Hexoはnode.js製のブログフレームワークです。連載記事の概要や目次はこちらをご覧ください。

前回はHexoを使うために事前に何が必要なのかを解説しました。

続いて、今回の第4回目では、Mac OSXでhexo blogを始める前に必要なnode.jsの環境をインストールする方法について解説していきます。当記事はMac OSXユーザーに向けた内容となりますが、Windowsをお使いの方は別の記事をご覧ください。

ちなみに、当ブログでは現在、このような表示がされます。

自身のブログ
【一覧】markdownの記法まとめ・hexoで記事を書く方法

何をインストールするの？
nvmのインストール
- nvmの環境パスを通す
nvmでnode.jsのインストール
- 好きなバージョンのnode.jsを使う
- ターミナル起動時に指定バージョンのnode.jsを使う
npmは既にインストールされている
最後に。node.jsの環境が整いました

何をインストールするの？

前回でも説明しましたが、まず当記事では以下の3つをインストールする流れを説明していきます。

ツール	役割
node.js	javascriptと呼ばれるプログラムを実行する環境
nvm(windowsではnvmw)	node.jsのバージョンを好きなものに切り替えるツール。例えるなら複数のnode.jsを入れたり、引き出せる入れ物といったイメージ。
npm	node.jsで動くプログラム(例えるならアプリ)を管理するツール。Hexoはこのプログラムの一つに該当する。

インストールする順番は、

nvm
node.js
npm

という流れになります。node.jsの入れ物であるnvmをまずインストールし、nvmにnode.jsを入れていきます。そして最後に入れたnode.jsバージョンに対応するnpmをインストールしていきます。

それではまず最初にnvmをインストールする手順から見て行きましょう。

nvmのインストール

nvmはMac OSXで使えるnode.jsのバージョンマネージャーです。nvmは下記のURLの説明に従ってインストールしていきます。

github
creationix/nvm

上記のinstall scriptにも書かれていますが、curl(カール)またはwget(ダブルゲット)という、指定URL先のファイルをダウンロードしてくれるコマンドを使って、nvmをインストールしてきます。

それでは実際に、curlを使ってnvmをインストールしてみましょう。ターミナルを立ち上げて以下を入力します。

bash

1	$ curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.1/install.sh \| bash

nvmのアップデート方法

nvm自体を最新の状態にするには、以下のコマンドのようにgitから行うことができます。

$ nvm --version
現在のnvmのバージョンを確認します。
$ cd $HOME/.nvmまたは$ cd ~/.nvm
nvmのパスに移動します。環境によってはインストールパス~/.nvmが違う事がありますが、ホームディレクトリにnvmが存在する事が多いようです。
$ git pull origin master
gitを使って、最新のバージョンをマージします。
$ source ~/.nvm/nvm.sh
nvmを起動し直します。下記で解説するnvmの環境パスが設定されている場合には、コマンドを立ち上げ直してもnvmが起動してくれます。
$ nvm --version
アップデートしたnvmのバージョンを確認します。最新になっていれば、更新は以上で完了です。

nvmの環境パスを通す

続いて、ターミナルを立ち上げた直後にいつでもnvmが使える状態に設定します。Finder > 移動 > フォルダーへ移動で~/.bash_profileと入力しましょう。

存在しない場合には.bash_profileというファイルを新規作成します。

bash

1	$ touch ~/.bash_profile

~/.bash_profileというファイルが見つかった場合には、そのファイルをテキストエディターで次のように編集します。

.bash_profile

# 以下を追記します。こちらはターミナル起動時にnvmが使えるようになる設定です。
# source ~/.nvm/nvm.sh
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh"

編集したら保存します。保存が完了したらターミナルを再起動します。再起動したら、次回からはターミナル起動直後にnvmも起動するようになります。

nvmが使えるか、試しに次のようなnvmコマンドを入力してみましょう。

bash

1 2	$ nvm version v4.3.0

nvm versionコマンドはインストールされているnvmのバージョンを表示させるコマンドです。バージョンナンバーが表示されればnvmのインストールは完了です。

nvmでnode.jsのインストール

続いて、nvmの中にnode.jsをインストールしてみましょう。インストールするnode.jsのバージョンは、執筆時の最新バージョンであるv6.10.0にしてみたいと思います。

node.js
node.js ダウンロード

インストールできるnode.jsのバージョンを一覧確認

nvmでインストールできるnode.jsのバージョンは、nvm ls-remoteコマンドで一覧表示させることもできます。

node.jsをインストールするにはnvm installコマンドを使います。

bash

1	$ nvm install v6.10.0

今度はv4.3.0を入れてみたいと思います。

bash

1	$ nvm install v4.3.0

これで複数のnode.jsをインストールすることができました。実際に2種類のnode.jsがインストールされているか確認してみましょう。nvmでインストールしたnode.jsを確認するにはnvm lsコマンドを使います。

bash

1
2
3

$ nvm ls
v6.10.0
v4.3.0

先ほど、インストールしたv6.10.0とv4.3.0がリストに表示されればOKです。インストールしたnode.jsをアンインストール(削除)したい時にはnvm uninstallコマンドを使います。

bash

1	$ nvm uninstall v4.3.0

以上のように、nvmでは複数のnode.jsをインストールや削除したり、またどれを使用するのか決める事ができるプログラムとなっています。

好きなバージョンのnode.jsを使う

前述しましたが、nvmは任意のバージョンのnode.jsを自由に切り替えて使うことができます。試しに、nvmでv6.10.0を使う設定に切り替えてみましょう。切り替えるにはnvm useコマンドを使います。

bash

1 2	$ nvm use v6.10.0 Now using node v6.10.0

これで最新のnode.jsを使う設定になりました。

ターミナル起動時に指定バージョンのnode.jsを使う

nvmの注意点としては、ターミナルを終了してしまうと、それまでの操作が初期化されてしまいます。そこで、ターミナルを立ち上げた直後にnvm useが自動で実行される状態になるように、設定を作っておきましょう。Finder > 移動 > フォルダーへ移動で~/.bash_profileと入力します。

~/.bash_profileというファイルが見つかりますので、これをテキストエディターで次のように編集します。

.bash_profile