vue-devtools安装注意事项

在Chrome浏览器中打开Chrome应用(点击即可),点击添加至Chrome

vue-devtools安装注意事项_第1张图片

安装后在vue项目调试时图标置灰,点击图标报如下错

Vue.js not detected;Vue.js is detected on this page. Open DevTools and look for the Vue panel.

如何处理?

1、找到manifest.json在这个目录下(参考用,44569是我PC账户,每个人路径略有不同,注意图1-1与图1-2一致)

C:\Users\44569\AppData\Local\Google\Chrome\User Data\Default\Extensions\nhdogjmejiglipccpnnnanhbledajbpd\4.1.5_0

 

vue-devtools安装注意事项_第2张图片

vue-devtools安装注意事项_第3张图片

2、将manifest.json文件内容(图1-3处)中的false改为true即可 

vue-devtools安装注意事项_第4张图片

3、结果:

vue-devtools安装注意事项_第5张图片

你可能感兴趣的:(浏览器)