主要是開發環境的調試配置和構建相關,參考官方文檔生產環境部署。html
配置Vue.config 的相關屬性。能夠在啓動應用以前修改下列屬性:vue
一、取消 Vue 全部的日誌與警告瀏覽器
Vue.config.silent = true;
async
二、容許 vue-devtools 檢查代碼。開發版本默認爲 true
,生產版本默認爲 false
。生產版本設爲 true
能夠啓用檢查。務必在加載 Vue 以後,當即設置。ide
Vue.config.devtools = true函數
三、錯誤捕獲:工具
(1)處理組件的渲染和觀察期間未捕獲的錯誤性能
(2)捕獲組件生命週期鉤子裏的錯誤開發工具
(3)2.4.0 起,捕獲 Vue 自定義事件處理函數內部的錯誤了。ui
(4)2.6.0 起,捕獲v-on 監聽器內部拋出的錯誤。若是任何被覆蓋的鉤子或處理函數返回一個 Promise 鏈 (例如 async 函數),則來自其 Promise 鏈的錯誤也會被處理。
(5)這個處理函數被調用時,可獲取錯誤信息和 Vue 實例。
Vue.config.errorHandler = function (err, vm, info) {
// `info` 是 Vue 特定的錯誤信息,好比錯誤所在的生命週期鉤子,只在 2.2.0+ 可用
}
四、在瀏覽器開發工具的性能/時間線面板中啓用對組件初始化、編譯、渲染和打補丁的性能追蹤。只適用於開發模式和支持 performance.mark
API 的瀏覽器上。
Vue.config.performance = true;
五、阻止 vue 在啓動時生成生產提示。
Vue.config.productionTip = false;