vue cli 環境構築

先日、購入した本を読み、実際に環境を作っています。

Laraveのときは、npm installで勝手に作ってくれていましたが、それはlaravel mixのおかげだったのでしょうか。

純粋にvueだけでやると次のような手順になるようです。

個人の勉強の記録的な意味合いで書いています。

// これを入れる
npm install -g @vue/cli
npm install -g @vue/cli-service-global

// 設定を聞かれるがデフォルトでOK

// projectを作成する
vue create test_app

// serveで起動できる
cd test_app/
npm run serve

// コンパイルされてdistというディレクトリが作成されて、そこにコンパイルされたファイルが格納される
npm run build

// コマンドで作ったプロジェクトをguiで作れるページが立ち上がる
vue ui

個人的にはVueのGUIツールがとてもかっこいいなという印象です。

参考にさせていただきました。 www.shuwasystem.co.jp