chrome浏览器的VUE调试插件Vue.js devtools
应用商店直接安装
![](https://images2017.cnblogs.com/blog/938064/201708/938064-20170826110810605-425960415.png)
安装成功后在VUE文件打开可以直接调试:
提示效果如下:
![](https://images2017.cnblogs.com/blog/938064/201708/938064-20170826111022214-2048510614.png)
F12进入调试状态即可:
![](https://images2017.cnblogs.com/blog/938064/201708/938064-20170826111036339-1251328135.png)
安装中出现的问题:
插件安装后无法使用,出现vue.js not detected提示的解决办法
![](https://images2017.cnblogs.com/blog/938064/201708/938064-20170826111053668-2073255240.png)
找到插件的安装目录:
(可以通过id搜索ID:nhdogjmejiglipccpnnnanhbledajbpd)
C:UsersliangsuyaAppDataLocalGoogleChromeUser DataDefaultExtensions
hdogjmejiglipccpnnnanhbledajbpd3.1.6_0
找到manifest.json文件
![](https://images2017.cnblogs.com/blog/938064/201708/938064-20170826112048980-1357487892.png)
将persistent属性改为true
![](https://images2017.cnblogs.com/blog/938064/201708/938064-20170826112105043-1858169227.png)
然后就可以正常使用插件调试vue了