Vue-cli3系の導入

Vuejsを利用するために便利なvue-cliの導入です

インストール

npm install -g @vue/cli

プロジェクト作成
公式ページ:https://cli.vuejs.org/guide/creating-a-project.html#vue-create

アプリの名称を指定して作成
vue create app-name

ここからは対話式でインストールする内容を選択します

? please pick a preset:
> default (babel, eslint)
  Manually select features

特に気にしない人や始めて使う人は
お任せのdefaultで
慣れている人はカスタムのManually select featuresで必要なツールのセットを選択的に導入しましょう

その後の対話の回答は以下の用にしました

? Please pick a preset: Manually select features
? Check the features needed for your project: Babel, Router, Vuex, Linter, Unit, E2E
? Pick a linter / formatter config: Standard
? Pick additional lint features: Lint on save
? Pick a unit testing solution: Mocha
? Pick a E2E testing solution: Cypress
? Where do you prefer placing config for Babel, PostCSS, ESLint, etc.? In dedicated config files
? Save this as a preset for future projects? No

作成されたプロジェクトファイルで最初に目についたの **viewディレクトリができている所ですね

コンパイルが早くなっている気がするのは私だけでしょうか？？？

開発中の起動コマンドが変わっているので注意しましょう！

npm run dev → npm run serve