vue-devtools手動安裝與使用
一.在github上下載壓縮包,github下載地址:https://github.com/vuejs/vue-devtools
二.解壓到本地的某盤
三.用你的npm中進入該文件夾下
四.依次輸:
1:cnpm install
2:cnpm run build (這一步一定不要忘了,沒有執行這一步的話,項目文件夾shells>chrome文件夾里會少一個src文件夾)
五:修改shells>chrome文件夾下的mainifest.json 中的persistant為true
"background": {
"scripts": [ "build/background.js" ],
"persistent": true
},
六:我們找到谷歌瀏覽器的擴展程序功能,勾選開發者模式,然后我們將插件文件夾里的shells>chorme文件夾直接拖到頁面中,完成安裝。
七:chrome 打開開發模式即可
注意:
1.如果我們沒有執行第四部的npm run build,在這里會報錯:無法加載背景腳本"build/background.js
2.Vue.js is detected on this page. 如何處理?
官方說:Devtools inspection is not available because it's in production mode or explicitly disabled by the author.
意思就是:引用的vue.js應該使用vue.js(開發版本)而不是vue.min.js(生成版本)。
