1. 程式人生 > >谷歌瀏覽器安裝Vue Devtools

谷歌瀏覽器安裝Vue Devtools

Vue.js devtools是基於google chrome瀏覽器的一款除錯vue.js應用的開發者瀏覽器擴充套件,可以在瀏覽器開發者工具下除錯程式碼。

1首先在github下載devtools原始碼,地址:https://github.com/vuejs/vue-devtools

 

 

2、下載好後進入vue-devtools-master工程 執行cnpm install, 下載依賴,然後執行npm run build,編譯源程式

 

3、編譯完成後,進入目錄結構如下vue-devtools-master\shells\chrome:


4、修改

mainifest.json 中的persistant為true:

 

 

5、開啟谷歌瀏覽器的設定--->更多工具--->擴充套件程式,並勾選開發者模式,將chrome資料夾拖拽到谷歌瀏覽器上


6、啦啦啦吐舌頭  完成

在谷歌瀏覽器右上角就可以看到啦