1.安裝node.js(
2.基於node.js,利用**npm映象安裝相關依賴
在cmd裡直接輸入：npm install -g cnpm --registry=回車，等待安裝...
3.安裝全域性vue-cli腳手架,用於幫助搭建所需的模板框架
在cmd裡 1)輸入：cnpm install -g vue-cli，回車，等待安裝...
2).輸入：vue，回車，若出現vue資訊說明表示成功
4.建立專案
在cmd裡輸入：vue init webpack vue_test(專案資料夾名)，回車，等待一小會兒，依次出現『git』下的項，可按下圖操作
注：如果網路不穩定的話，會出現安裝卡住的情況，以下為解決方案：
最終解決辦法就是在最後乙個選項上選擇no,i can handle it myselft，然後cd my-project，然後cnpm install，這樣就成功了，然後執行npm run dev就出現：
成功了！上述執行成功後，即可忽略5以下的操作，因為上圖已經操作完了。
5.安裝依賴
在cmd裡 1).輸入：cd vue_test（專案名），回車，進入到具體專案資料夾
2).輸入：cnpm install，回車，等待一小會兒
回到專案資料夾，會發現專案結構裡，多了乙個node_modules資料夾（該檔案裡的內容就是之前安裝的依賴）
基於腳手架建立的預設專案結構如下圖所示：
6.測試環境是否搭建成功
方法1：在cmd裡輸入：cnpm run dev
方法2：在瀏覽裡輸入：localhost:8080(預設埠為8080)
執行起來後的效果如下圖所示：
參照原文：
vue腳手架搭建專案
首先安裝node，npm會自動安裝，node v 和 npm v檢視是否安裝成功和版本 切換npm為cnpm使用 映象源 npm install cnpm g registry cnpm 檢視是否成功和版本號 安裝vue cli cnpm install g vue cli vue v檢視版本 進入...
vue搭建腳手架專案
cli 3.0.0 g 安裝webpack打包工具 4 npm install webpack g 5 npm install g vue cli 安裝vue框架 6 新建vue專案路徑和專案及其所在的專案資料夾 後續安裝準備工作 7 cd c 個人 vuejs 然後enter回車鍵 開始找上乙個步...
搭建Vue腳手架
從vue官網安利了一波安裝腳手架的主要 全域性安裝 vue cli npm install global vue cli 建立乙個基於 webpack 模板的新專案 vue init webpack my project 安裝依賴，走你 cd my project npm install npm r...