dayjournal memo

Total 974 articles!!

Vue.js #001 – Vue CLI 3で環境構築

Yasunori Kirimoto's avatar

画像



Vue CLI 3でVue.jsの環境構築をするメモ。



「Vue CLI 3」をインストール

npm install -g @vue/cli


バージョン確認

vue -V


今回は、GUIでプロジェクトを作成してみます。

vue ui


GUIの画面が表示されたら任意の設定をしていきます。今回は下記の内容で設定。

画像


画像


画像


画像


画像


画像


画像


画像



ディレクトリ構成

画像



プロジェクトの準備ができたので、サーバーを起動

cd sample_prj
npm run serve

画像



これでVue.jsの開発環境が準備できました。



book

Q&A