因為在沒有手動修改 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 菜單已經出來了
