1. 首先安裝node和npm 2. 安裝vue（vue-cli腳手架）：?npm install -g vue-cli --registry=https://registry.npm.taobao.org? ?? 　　vue --version查看vue是否安裝好
3. vue?init?webpack?my-project-name ? 　　創建一個基于"webpack"的項目，后跟項目名，（運行后要求填寫項目信息，也可不寫直接回車） 4. ?cd?my-project-name 進入項目文件夾 ?執行?npm install --registry=https://registry.npm.taobao.org?? 　　 安裝項目所需依賴 出現在node-modules文件夾內
5. npm run dev 項目運行，直接跳轉 http://localhost:8080 6. 運行后的項目代碼改動，瀏覽器無需刷新，實時更新渲染 7. npm run build 工程打包，生成dist文件夾，內包括打包后的html,css,js （一般路徑正確，html是可以直接預覽的，可搜索檢查html和css中的文件路徑） 8. 項目部署，直接將打包后的 dist文件夾內的各文件上傳服務器即可

轉載于:https://www.cnblogs.com/m-blue/p/7217934.html

總結

以上是生活随笔為你收集整理的vue+webpack (vue-cli + vuex + vue-resource + vue-router) web工程搭建的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。