溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
因為工作要求，目前主要在用Vue.js技術棧做開發，調試是必不可少的，這里會用的Vue DevTools的調試工具，問題就出在這里，當用Vue DevTools做調試時，很多時候都不能用，提示沒有監測到Vue，這讓工作效率瞬間拉低了。
安裝:
1.到github下載：
git clone https://github.com/vuejs/vue-devtools
2.在vue-devtools目錄下安裝依賴包
cd vue-devtools cnpm install
修正Vue DevTools
好了，開始正題，下面來說一下修正的方法。
先從官網把Vue DevTools下載下來（https: //github.com/vuejs/vue-devtools）。
關鍵步驟一.修改persistent
找到文件vue-devtools/shells/chrome/manifest.json，修改persistent為true。
保存后，編譯一下：
關鍵步驟二.勾選允許訪問文件網址
上一步已經把Vue DevTools寫好了，接下來是安裝這個擴展。
打開Chrome，在地址欄輸入chrome://extensions/，直接進入Chrome的擴展。
勾選最上方的開發者模式，再點擊“加載已解壓的擴展程序…”，路徑為：vue-devtools-master/shells/chrome
勾選允許訪問文件網址
關鍵步驟三.加入Vue文件中加入Vue.config.devtools
Vue.config.devtools = true; //這步很重要
new Vue({
el: '#app',
data: {
a: 123,
}
});
搞定！
效果
下載已修正版的Vue DevTools下載：vueDevTools(可監測修正版).zip
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
