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

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