0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

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

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?