vue-cliとは
cliはCommnad Line Interfaceの略で、コマンドラインを使ってvue.jsで開発を行うための前準備を支援してくれるツールです。開発はプロジェクトという単位で行います。vue-cliを使ってプロジェクトの作成を行う際、プロジェクトで利用する機能のインストールも一緒に行うことができます。webpackも一緒にインストールされるでプロジェクトを作成すればすぐに開発を開始することができます。
https://reffect.co.jp/vue
vueで開発するための道具ってことか。
## インストール方法(node.jsがインストールされている必要がある。)
$ npm install -g @vue/cli
プロジェクトの作成
$ vue create vue-application
このコマンドを実行した後に、こういう選択画面が表示される。
Vue CLI v4.4.6
? Please pick a preset: Manually select features
? Check the features needed for your project: (Press <space> to select, <a> to t
oggle all, <i> to invert selection)
◉ Babel
◯ TypeScript
❯◯ Progressive Web App (PWA) Support
◯ Router
◯ Vuex
◯ CSS Pre-processors
◉ Linter / Formatter
◯ Unit Testing
◯ E2E Testing
選択後は、localhostをひらけば、ok。railsみたいに、事前にファイルが作成されている。
vueconfig.jsの設定をするらしい(、、、詳しくはわからない)
ちょっと疑問
Vue-cliとVuetifyの関係性?
vue-cliをダウンロードした後に、vuetifyをダウンロードする。
vuetifyについては、この記事がわかりやすいです。
https://techblog.kayac.com/2018/12/12/080000