好記性不如爛筆頭，最近又開始學習vue了，編譯的過程中遇到幾個小坑，特此一記。
首先說一下vue項目如何編譯，其實很簡單，cd到項目文件夾，然后執行命令：
npm run build
不過npm命令通常很慢，我們可以使用淘寶的鏡像以及cnpm命令：
cnpm install cnpm -g
上面是安裝或者升級，安裝以后，重新執行 cnpm install bulid即可。
build的過程中可能會報一下編譯錯誤，一般是缺少東西，重新安裝或者升級一下鏡像即可，cnpm install npm -g 再次編譯如果還是提示缺少某個模塊組件的話，單獨安裝即可，cnpm install 組件名
build成功以后如圖：
build以后項目會編譯到根目錄的dist文件夾，index.html是可以直接訪問的，但是這個時候需要去config文件夾的index.js里設置一下項目的路徑：
斜杠前面加一個點即可，表示目錄是當前目錄，而非根目錄（詳細解釋可以查看下文的參考資料）
配置好以后重新進行build，然后再訪問dist文件夾下的index.html，就能看到頁面：
至此vue項目的編譯流程就算完成了，部署項目的時候將dist文件夾copy到服務器里即可，和正常靜態頁網站一般部署。
參考資料：
https://www.runoob.com/vue2/vue-install.html 《Vue.js 安裝》
https://www.cnblogs.com/hi-shepherd/p/6911098.html 《vue項目 構建 打包 發布 三部曲》