轉載，原文鏈接：https://blog.csdn.net/qq_32340877/article/details/79105565
windows下vue+webpack前端開發環境搭建及nginx部署
一、開發環境搭建
1、前端框架一般都依賴nodejs,我們首先要安裝node.js。
請參考http://blog.csdn.net/qq_32340877/article/details/79092310。
2、由於許多npm的源都是在國外的地址，安裝起來特別慢，所以我們這里利用淘寶的鏡像服務器。
安裝命令為：npm install -g cnpm –registry=https://registry.npm.taobao.org 之后回車等待命令
3、接着安裝全局的vue-cli腳手架,用於幫助搭建所需的Vue的開發模板框架
命令為：cnpm install -g vue-cli，回車，等待安裝
安裝完后，可以輸入vue -V，然后回車，如果出現vue的客戶端版本信息，則說明安裝成功了。
4、用 npm 安裝 Webpack：cnpm install webpack -g
此時 Webpack 已經安裝到了全局環境下，可以通過命令行 webpack -h 試試。
4、在一個目錄下新建一個vuepro文件夾，cd到該目錄下，然后輸入命令：vue init webpack vue-test (項目默認的名稱)
此時，觀察vuepro的文件夾下又多了一個vue-test文件夾，這個就是vue的模版項目。
5、啟動調試，順序輸入以下命令：
cd vue-test
cnpm install(這里需要等待)
npm run dev（這個是debug部署命令）
出現以上端口代表啟動成功，監聽的端口是8080.這個端口可以在vue-test/config/index.js中修改：
啟動成功后會打開一個頁面
開發環境搭建完成。
二、編譯部署
1、項目路徑下vue-test輸入命令npm run build
編譯完成后會發現在vue-test文件夾下多出一個dist文件夾這里面就是編譯好的文件了。
2、網上下載nginx,下載地址http://nginx.org/en/download.html，解壓下載的nginx文件。
3、配置部署，編輯nginx/conf 下的nginx.conf，修改如下圖：
4、啟動nginx。命令窗口cd進入nginx安裝目錄，輸入start nginx啟動nginx。
然后通過瀏覽器訪問http://127.0.0.1:8088/訪問。
5、nginx停止命令：nginx -s quit
nginx重啟命令：nginx -s reload