Vue CLI ノート(1):プロジェクトの作成


Vue CLI 3-プロジェクトの作成

1.Node.jsバージョン8以降をインストールする

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

$ npm i -g @vue/cli

3.Vueプロジェクトの作成

$ vue create myapp

4.次に、デフォルトのプリセットを選択するか、機能を手動で選択するオプションが表示されます。

下矢印キーを使用して、[機能を手動で選択する]を強調表示し、Enter キーを押します。

Manually select features

5.機能オプションのリストを次を選択。

[space]選択、[i]で選択を取り消しする

Router
Vuex
Linter/Formatter

6.次に、リンター/フォーマッターを選択します:

ESlint +Prettier

7.Lint on saveの追加機能を追加します:

Lint on save

8.専用の設定ファイルを用意することにします。

In dedicated config files

9.これらの設定をすべてプリセットとして保存するオプション(y/n)

使用しないことを選択しますN。

10.Enterキーを押すと、プロジェクトが自動的に作成されます。

11.ブラウザでライブ表示するには、次のコマンドを実行します。

$ npm run serve