欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

分享vue.js devtools遇到一系列问题

程序员文章站 2022-04-09 21:44:43
使用vue.js devtools遇到的磕磕绊绊,具体如下 1.首先我们需要在谷歌浏览器扩展程序中点击获取更多 2.在搜索框输入vue.js devtools,点击...

使用vue.js devtools遇到的磕磕绊绊,具体如下

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

分享vue.js devtools遇到一系列问题

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

分享vue.js devtools遇到一系列问题

3.检查扩展是否开启

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

分享vue.js devtools遇到一系列问题

4.修改插件配置文件

复制代码 代码如下:
c:\users\zhanglei\appdata\local\google\chrome\user data\default\extensions\nhdogjmejiglipccpnnnanhbledajbpd\3.1.4_0\manifest.json文件

修改如下:

分享vue.js devtools遇到一系列问题

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

复制代码 代码如下:
vue.js is detected on this page. open devtools and look for the vue panel.

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。