画像




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の開発環境が準備できました。







Q&A