MacでVue.jsの環境構築（セットアップ）

はじめに

vue-cliを用いたテンプレート作成までをメモ。なかなか便利なcliです。
（最新のバージョン3.0ではGUIで設定できる機能もあるみたい）

管理ソフトの繋がり

homebrew - nodebrew - npm - vue-cli

vue-cliのインストール

npmでvue-cliのインストール（グローバル）

$npm install -g vue-cli

npmで"vue"自体を最初にインストールするように書かれているものもあるが、"vue"自体のインストールは不要。
インストール後に

$vue list

でコマンドが成功すれば無事インストールできているはず（使用できるテンプレートのリストが出る）。

プロジェクトのフォルダに移動して、以下のコマンドで指定したテンプレートのプロジェクトを作成できる。

vue init <template> <project name>

雛形を作成後、

cd <project_name>
# package.jsonのファイルに従いpackageをインストール
npm install
# 起動
npm run dev

でサーバが起動し、vueのwelcomeページがブラウザで開くはず。