Vue CLIとは

Vue.jsでの開発を支援してくれる便利なツールのこと。例えば以下のようなことをしてくれる。
・プロジェクトサンプルの生成
・webpackなどのバンドル環境設定
・Vueifyや単一ファイルコンポーネントの環境設定
・変更の差分だけサーバを更新
ここで、CLIとはCommnad Line Interfaceの略で、コマンドラインを使って開発を行うためのツールのこと。

インストール

Vue CLIのインストールはnpmを使って以下で行うことができる。

npm install -g @vue/cli

また、プロジェクトの作成は以下で行う。

vue create <プロジェクト名>

上記コマンドを実行すると、様々な設定が行える。
Vue CLIは、プロジェクトを作成するとサンプルが入っているため以下のコマンドを実行してhttp://localhost:8080/にアクセスすると入っているサンプルが表示される。

cd <プロジェクト名>
npm run serve