使用vue.js devtools遇到的磕磕绊绊

使用vue.js devtools遇到的磕磕绊绊

1.首先我们需要在谷歌浏览器扩展程序中点击获取更多

2.在搜索框输入vue.js devtools，点击安装此扩展

3.检查扩展是否开启##

我们需要检测我的扩展是否开启，允许文件地址是否访问，如果没有勾选文件地址我们就必须在服务器上访问。

4.修改插件配置文件

C:UserszhangleiAppDataLocalGoogleChromeUser DataDefaultExtensions
hdogjmejiglipccpnnnanhbledajbpd3.1.4_0manifest.json文件

修改如下：

5.如果点击vue扩展图标还是提示：

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

你可以检查下你是否使用的是压缩版本的vue.min.js，使用vue.min.js默认为生产环境的。