Vue CLIのインストールとVue.jsアプリの作成

■VueCLIでVue.jsアプリを開発できるようにするための手順

Vue CLIのインストール

1. Node.jsをインストールする。

2. Vue CLIをインストールする

$ npm install -g @vue/cli

3. ちゃんとインストールできたか確認する

$ vue --version
@vue/cli 4.1.1

プロジェクトの作成

$ vue create プロジェクト名

アプリの実行

$ npm run serve

vue serveコマンドでアプリをお手軽実行

アドオンのインストール

$ npm install -g @vue/cli-service-global

.vueファイルがあるディレクトリに移動し、以下のコマンドを実行する。

$ vue serve .vueファイル

GUI管理画面

Vue CLIで作成したプロジェクトをブラウザ上で管理する。

$ vue ui