首先下載 vue腳手架，在官網(wǎng)：https://cn.vuejs.org/v2/guide/installation.html
npm install -g vue-cli
運行命令確定本地npm已經按照，一般npm會跟nodejs一起安裝的。
圖片.png
然后運行命令：
vue init webpack vuedemo
圖片.png
安裝過程中會出現(xiàn)選擇是否安裝vue-router ，esline，單元測試 等等，這個因個人情況而定，我這邊都選擇Y
確定安裝后。會出現(xiàn)如下的目錄：
圖片.png
然后運行命令：
yarn dev
可能會出現(xiàn)下面錯誤的界面：
圖片.png
然后就不會打開界面了，
如果正常情況下，就會打開頁面。如下：
圖片.png
控制臺顯示：
圖片.png
出現(xiàn)上面的錯誤原因是由于windows下vuedemo 寫成了vueDemo 導致的錯誤。
好，我們的第一步，已經順利完成了。
建議使用yarn https://yarnpkg.com/zh-Hans/ 下載依賴包，速度比npm下載快。
當然本文使用的vue-cli腳手架進行配置的，所以比較簡單，如果覺得難以理解。可以使用官方建議的步驟建立項目。
很高興你又進了一步。。。
項目地址：https://github.com/RootLoveWorld/vueDemo
可以參考，歡迎交流學習。
