vue CLIのインストール

vue CLIをインストール~デフォルトのプロジェクト作成までの手順メモ

 

1.以下のサイトからnodeの推奨版をダウンロードする

https://nodejs.org/ja/


2.ダウンロードしたインストーラを実行しnodeをインストールする


3.コマンドプロンプトから以下を実行し、CLIをインストールする

npm install -g @vue/cli

 

4.コマンドプロンプトから以下を実行し、プロジェクトを作成する

vue create prjhoge

※選択肢はdefaultを選択する

 

5.コマンドプロンプトから以下を実行し、プロジェクトフォルダに移動する

cd prjhoge

6.コマンドプロンプトから以下を実行し、プロジェクトフォルダに移動する

npm run serve

 

7.ブラウザから以下にアクセスし、動作することを確認する

http://localhost:8080

 

上記手順をした場合、プロジェクトは以下のフォルダに作成される

C:\Users\ユーザ名\prjhoge