node.jsでvue.jsをインストール

node.jsとは

javascriptの実行環境を一つ

javasctiptをサーバーサイドで使用することができる

 

 

インストールの手順

 

npmのバージョン確認

npmはnode.jsのバージョン管理ツール

npm -v

 

node.jsのバージョン確認

node -v

 

vue-cliをインストール

vue-cliとは

vue.js環境構築の手助けをしてくれるツール

npm install -g vue-cli

 

インストールできたかVueのバージョンを確認

vue --version

 

テンプレートをwebpackにしてプロジェクトを作成

vue init webpack ディレクトリ名

 

追加で機能をつけるか聞いてくるので,今回は全部OKにした

 

最後に作成したディレクトリに移動して実行

cd ディレクトリ名
npm run dev

 

http://localhost:8080にアクセス

Vueのトップページが開けたら成功