宮崎在住エンジニアのジョウ(@JotarO_Oyanagi) です。

2018年9月現在、vue-cli　をインストールする手順として、「このツール、手順でインストールしておくと、今後使える構成なんじゃないか」というものをご紹介します。

TL;DR

これから vue-cli をインストールする方に向けた内容です。
anyenv、ndenv、yarn を使用してインストールします。
すでに Node.js や、そのバージョン管理ツールをインストールされている方で、anyenv、ndenv を使用される方は Node.js をアンインストールしておく必要があります。

anyenv のインストール＆設定

各言語のパッケージマネージャーのパッケージマネージャーです（ややこしい）。

参考：anyenv

$ git clone https://github.com/riywo/anyenv ~/.anyenv

$ echo 'export PATH="$HOME/.anyenv/bin:$PATH"' >> ~/.bash_profile
$ echo 'eval "$(anyenv init -)"' >> ~/.bash_profile
$ source ~/.bash_profile

Node.js のバージョン管理ツールです。

$ anyenv install ndenv
$ source ~/.bash_profile

ndenv で node をインストールするためにインストールします。

$ git clone https://github.com/riywo/node-build.git $(ndenv root)/plugins/node-build

vue-cli をインストールするために。

$ ndenv install v8.11.4
$ ndenv rehash
$ ndenv global v8.11.4
$ node -v
v8.11.4

npm で vue-cli をインストールしてもいいのですが、インストール時間がより速いので yarn をパッケージマネージャーとして用意します。

$ npm install -g yarn
$ source ~/.bash_profile

いよいよ vue-cli のインストールです！

$ yarn global add @vue/cli

以下のコマンドで、バージョン情報が表示されれば完了です！

$ vue --version