chrome浏览器的VUE调试插件Vue.js devtools

 
chrome浏览器的VUE调试插件Vue.js devtools
应用商店直接安装
chrome浏览器的VUE调试插件Vue.js devtools
安装成功后在VUE文件打开可以直接调试:
提示效果如下:
chrome浏览器的VUE调试插件Vue.js devtools
F12进入调试状态即可:
chrome浏览器的VUE调试插件Vue.js devtools

 


 

 

安装中出现的问题:
插件安装后无法使用,出现vue.js not detected提示的解决办法
chrome浏览器的VUE调试插件Vue.js devtools
找到插件的安装目录:
(可以通过id搜索ID:nhdogjmejiglipccpnnnanhbledajbpd)
C:\Users\liangsuya\AppData\Local\Google\Chrome\User Data\Default\Extensions\nhdogjmejiglipccpnnnanhbledajbpd\3.1.6_0
找到manifest.json文件
chrome浏览器的VUE调试插件Vue.js devtools
将persistent属性改为true
chrome浏览器的VUE调试插件Vue.js devtools
然后就可以正常使用插件调试vue了