事前準備として、nodeをインストールする。

以下のコマンドを使って、バージョン確認する。

1
2
node -v
npm -v

バージョン古いときは以下のコマンドで更新できる。

1
npm -g install npm

次のステップはvue-vliのインストール。

1
npm install -g @vue/cli

2.x バージョンのvueは　npm install -g vue-cliでインストールする

次はプロジェクトの親フォルダーへ移動して、プロジェクトを作る。

Webページのプロジェクトを作るため、以下のコマンドを実行する。

1
vue init webpack myVueProject

プロジェクト名などはディフォルで設定してくれるので、エンターキー連発でいい。
router testなどの機能も初期化したい場合は、該当の確認で Y を入力すればいい。

これで、Vue.jsのプロジェクト作成完了。

最後は npm run buildでビルドして、 npm run devでサーバーを起動すればいい。