因為在沒有手動修改devtools/build設定的情況下，當npm run build執行時，vue專案環境預設配置如下

process.env.NODE_ENV === 'production'
Vue.config.devtools = false

所以導致很多使用vue框架開發的專案生產環境無法使用除錯工具進行除錯

自研專案可以手動開啟生產環境的devtools，參考 vue-devtools

// 該配置需要放在import之後，new Vue執行之前才能生效
Vue.config.devtools = true

如何在不修改程式碼並重新打包釋出的情況下開啟vue-devtools呢？

1. 開啟需要開啟開發工具的網站，並進入F12開發者模式

2. 選擇原始碼/Sources選項卡，找到當前專案的基礎庫所在的js檔案，一般名稱以app.開頭，使用瀏覽器格式化工具，進行程式碼格式化

3. ctrl + f全域性搜尋$mount或.config.productionTip，如果都找不到，就直接從new開始搜，一個一個查，直到找到真正的vue例項初始化入口

4. 在new關鍵字所在的那一行打斷點，並f5重新整理進入該斷點，拿到vue原型的配置物件

5. 在控制檯中將該值設為true

6. 取消斷點，關閉F12/開發者除錯面板，再次開啟F12即可看到vue選單已經出來了