事前準備として、nodeをインストールする。
以下のコマンドを使って、バージョン確認する。1
2node -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
でサーバーを起動すればいい。