vue.js文檔:https://cn.vuejs.org/v2/guide/
參考這個或者參考菜鳥教程也可以,不過還是那句話官網權威。
我這個主要是看相關的學習視頻搭建的。
一、環境准備
環境准備(node.js環境):
腳手架環境:vue-cli
執行如下命令安裝:
npm install vue-cli -g 或者cnpm install vue-cli -g
安裝成功后在在命令行里輸入vue,出現如圖表示OK

二、項目初始化
vue init webpack project-name
例如:
vue init webpack blog
出現下面示意圖:

Project name 可以自定義項目名
Project description 項目描述
Author 作者相關信息
VCue build 通常有三種 我選擇標准的也就是第一種
Install vue-router 是否安裝vue-router vue-router是vue的通信方式 我選擇安裝
EsLint 是否選擇EsLint語法檢查 我選擇是
Set up unit tests 我不構建單元測試 所以選擇否
其它的還有,這里就不再贅述。
初始化項目成功后,會出現如下所示:

三、運行項目
cd blog
npm run dev
出現如圖,表示成功

在瀏覽器輸入:http//localhost:8080,出現如圖:

