想了解更多,可前往最新個人博客:Amaya丶夜雨博客 或訪問主頁:https://www.amayaliu.cn
注:若安裝后 翻-'牆' 導致不可用,直接刪除 未翻-'牆' 的這個插件,根據提示重新安裝,然后在下方的權限打開 '允許訪問文件網址 ',‘收集各項錯誤’
1、首先下載 Vue.js devtool 4.1.4_0 提取密碼: r3mp
2、再打開Chrome瀏覽器,地址欄輸入:chrome://extensions/
3、將剛剛下好的Vue-devtools-4.1.4_0文件拖進擴展程序里面,彈出提示直接點安裝(記得打開開發中模式,就在右上角).
4、安裝完成后,可以在瀏覽器的右上角會看到Vue 的官方圖標。點擊圖標,會提示:Vue.js not detected的信息。
5、重新回到擴展程序里面找到剛剛安裝的Vue-devtools-4.1.4_0,點擊“詳細信息”,可以看到 Vue-devtools-4.1.4_0 , 找到它的對應ID,方便我們等會找文件夾,我這里生成的是 hcbdbkcpkllkhcnojjajbmpjidbmceko 。再把下面的“允許訪問文件網址”的選項打開。
6、在我的電腦中輸入C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\Extensions,Administrator 是重點, 有些人電腦不是默認名字的需要改為你的電腦名稱,打開后能找到相應的Chrome瀏覽器插件的目錄文件,其中就有和剛剛下載Vue.js同名的 hcbdbkcpkllkhcnojjajbmpjidbmceko 目錄。
7、打開文件夾,找到最下方的manifest.json文件,第一行就是"background"節點,把"persistent"屬性的值從false修改為true。
8、這樣就可以使用了,再打開你剛剛用來測試的Vue網站,就可以看見圖標亮起來了。
9、F12打開,點擊最右側的vue可以查看vue的數據.