Chrome安裝Vue.js devtool 4.1.4_0


想了解更多,可前往最新個人博客: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的數據.



 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM