vue+webpack (vue-cli + vuex + vue-resource + vue-router) web工程搭建

 

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文件夾內的各文件上傳服務器便可