2.驗證Node.js是否安裝好，在windows下，win+r召喚出執行視窗，輸入cmd開啟命令列視窗。輸入node -v即可得到對應的Node.js版本。

npm包管理器是整合在Node.js中了，所以在安裝Node.js的時候就已經自帶了npm，輸入npm -v可得到npm的版本。

輸入以下命令npm -g install npm，更新npm至最新版本。

安裝cnpm

執行命令 npm install -g cnpm --registry=https://registry.npm.taobao.org ,使用npm的國內映象（npm 國內映象 https://npm.taobao.org/

）cnpm 命令代替預設的npm命令，增加依賴包載入速度且避免資源限制。 

cnpm安裝腳手架vue-cli

在命令列中執行命令 cnpm install -g vue-cli 安裝腳手架。

構建專案

將vue專案建在F盤的vue-workspace資料夾下，利用命令進入此目錄。
在cmd中輸入碟符F:回車即可進入F盤，
然後執行命令進入F:workspacesvue-workspace路徑目錄下，
再輸入新建專案命令 vue init webpack javalsj-vue，執行後會自動生成vue專案。

安裝專案依賴

上面腳手架自動生成的vue專案不能直接執行，需要載入上專案需要的依賴包才能執行。通過在cmd中使用命令先定位到專案所在路徑目錄下F:workspacesvue-workspacejavalsj-vue

，然後輸入命令 cnpm install 安裝專案所需的依賴包資源。
（博主在下載第三方開源專案執行的時候，有時會遇到奇怪的報錯，然後通過先執行cnpm rebuild node-sass，後執行cnpm install解決，此步驟不是必須的。）

執行專案

專案準備完畢後，現在可以執行vue初始專案看效果了。
在cmd中，注意需要使用命令先定位到F:workspacesvue-workspacejavalsj-vue目錄下，然後再輸入命令npm run dev來執行專案。

瀏覽器訪問專案

專案執行成功後瀏覽器訪問地址 http://localhost:8080 就可以檢視效果啦。

備註

經過以上步驟完成了搭建vue的腳手架專案，可以簡單看下專案目錄，後續我們開發專案的時候只需在src目錄下進行。

工欲善其事必先利其器，博主在開發Vue專案時，選擇前端開發工具時試了Sublime Text、Webstom工具感覺不好用。然後問了一些朋友，經過嘗試對比後最後還是選擇了Visual Studio Code工具作為前端開發工具，真心好用，開發工具下載官網地址：https://code.visualstudio.com/。