vue應用開發流程

1. vue-cli構建專案骨架
2. npm install安裝依賴包
3. npm run dev 開發除錯程式碼
4. npm run build生產環境程式碼

問題 執行第4步完成後，通常有如下小提示

  Tip: built files are meant to be served over an HTTP server.
  Opening index.html over file:// won't work.

即這些生產環境程式碼檔案（在執行build基於開發環境程式碼生成），需要放在http伺服器上才會有效。

解決 需要一個簡易的零配置的http伺服器，推薦安裝

 npm install http-server -g
 
 http-server [path] [options]
 

它的用法類似於php的內建伺服器php -s , 比如你的生產程式碼位於當前dist目錄下，你可以這樣：

http-server ./dist 

此時訪問 localhost:8080 的程式碼，其實際上就是相當訪問線上生產環境程式碼

開發環境 vs 生產環境

• 前者所做的一些工具，程式碼，是為了方便人類可讀可用可寫性，怎麼方便怎麼整。 後者只是給機器執行的，只要用它的程式能解析就ok，什麼短命名壓縮hash全來了。