Vue调试工具Vue Devtools插件的安装和安装后不显示的问题解决

最新推荐文章于 2024-08-12 17:55:51 发布
最新推荐文章于 2024-08-12 17:55:51 发布
阅读量1.3k 收藏
点赞数
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_55559151/article/details/118176083
版权

1.下载

极简插件
在这里插入图片描述
将下载解压完毕的插件拖入到谷歌浏览器的扩展程序中

2.解决一些小问题

完成上述操作后，调试工具不显示。作如下操作
1：打开插件详细信息，将“允许访问文件网址”和“收集各项错误”按钮点亮
在这里插入图片描述

2：修改相关配置（这项不是我发现的，是在博客上看到一位博主写的）
在这里插入图片描述

weixin_55559151
关注
vue调试工具vue-devtools安装及使用方法
12-12
在开发过程中，为了提高效率和精确调试，Vue 提供了一个强大的调试工具——Vue DevTools。这款工具允许开发者深入查看 Vue 应用的状态，包括组件树、数据、计算属性、依赖关系等。下面我们将详细介绍 Vue Devtools ...
关于安装了Vue-devtools插件但在浏览器控制台不显示的解决方案
m0_46404694的博客
06-23 1081
解决方法： 官方建议在项目入口文件（main.js）引入： Vue.config.devtools = true;
Vue3开发工具设置好后在开发者工具中找不到“vue”面板？
mx_programmers的博客
03-02 752
chrome。
vue-tools踩坑日记|vue-tools的安装|vue-tools安装配置指南
最新发布
Wilelm的博客
08-12 519
只是想自己配个浏览器插件工具，结果打包遇到各种问题，看了2个帖子，结合帖子内的内容来调整的冲突之后也试了类似的忽略文件还是不行。其他版本都因为我的vue脚手架安装不了依赖，要么就是镜像问题，旧的淘宝镜像已经没有证书了，这里我用新的。然后npm run build是build不了的，要安装安装 yarn 工具。1、首先去下载5.1.1版本的vue-tools。用git的话要切换一下分支，我用的小乌龟切换。然后安装依赖，npm i 会出现安装错误问题。淘宝镜像安装，这个是旧的地址。目前我下载的是5.1.1。
vue调试工具Devtools不出现的解决方式
weixin_39854011的博客
02-18 2868
文章引用：https://blog.csdn.net/przlovecsdn/article/details/82256558 在使用vuex时，想直观的查看数据state的变动，用Devtools可实现，但是在Google浏览器中开发调试的时候，右上角出现vue的图标，但是在开发者工具中没有出现vue调试（已在扩展程序中安装 Vue Devtools） vue图标： 开发者工具： 扩展程序： 没显示调试工具的原因是： 1.用了生产环境的版本 2.压缩的vue版本 3.或是没有勾选：允许访问文件网址
安装了VueDevtools插件但在控制台不显示Vue的解决方案
IT13333的博客
07-06 8703
出现问题 安装好Vue Devtools插件后，在Google浏览器中开发调试的时候，右上角的Vue图标变亮，但是在开发者工具中没有出现Vue调试。 如下图： 控制台的Vue调试应该如下图显示 分析原因 第一种情况：没显示调试工具的原因是用了生产环境的版本或是压缩的vue版本，或是没有勾选 https://github.com/vuejs/vue-devtools 1. If the page uses a production/minified build of Vue.js, devtools in
安装了Vue-devtools插件，浏览器的控制台不显示
qq_31594665的博客
10-19 4023
Google浏览器中开发调试的时候，右上角出现vue的图标，但是在开发者工具中没有出现vue调试（已在扩展程序中安装 Vue Devtools），控制台却没有Vue。没显示调试工具的原因是用了生产环境的版本或是压缩的vue版本，Vue Devtools只在开发环境生效。
在google应用商店下载的Vue.js Devtools在控制台(开发者模式)没有vue选项
JUZI__的博客
04-17 2530
在google应用商店下载的Vue.js Devtools在控制台没有vue选项 第一种:图标不亮 第二种:图标亮,但是在下面的控制台选项中没有vue 第一种:图标不亮 首先,如果最上面那个vue图标如果没有亮,说明当前页面不是vue写的,控制台必然没有vue选项,找一个vue写的网页打开就亮了,比如哔哩哔哩.如果亮了之后控制台还是没有vue选项,就需要看我们的第二种了. 第二种:图标亮,但是在下...
关于Devtools调试工具不亮或者开发者工具不出现vue插件的问题
X-77
12-17 3345
bug反馈：关于Devtools调试工具不亮、不出现的问题
浏览器安装了Vue.js devTools ，工具栏没有显示
m0_52007955的博客
03-01 1022
vue3项目，浏览器安装了Vue.js devTools ，工具栏没有显示
vue 浏览器调试插件 vue-devtools V6.5.0
09-21
浏览器打开扩展管理页面，将文件拖拽进入浏览器这个页面即可进行安装
Vue调试神器vue-devtools安装方法
11-29
vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率。接下来我们就介绍一下vue-devtools的安装。 安装方式 1.chrome商店直接安装： vue-devtools可以从chrome商店直接...
Vue devtools插件 6.1.3
05-29
Vue devtools插件 6.1.3
Vue-devtools安装后开发者工具不出现vue的功能
zsd_31的专栏
04-04 8079
Vue-devtools安装后开发者工具不出现vue的功能
vue-devtools 不显示的问题
uuai
03-28 1368
【代码】vue-devtools 不显示的问题。
vue: dev-tools控制台不显示问题
weixin_46211267的博客
08-01 2836
1.查看public/index.html中引用的vue是否为压缩版本（vue.min.js）。2.1 设置-扩展程序-管理扩展程序-找到Vue.js devtools。2.4 有权访问的网站：设置成再在所有网站上。2.3 打开-允许访问文件网址。需要把压缩版换成vue.js。
Vue.js devtools工具不显示问题
ihchenchen的博客
11-25 5599
Vue.js is detected on this page. Devtools inspection is not available because it's in production mode or explicitly disabled by the author. 网络上般说的问题原因：1、可能是在main.js里设置了Vue.config.devtools=false；2、可能是用了vue.min.js， 但是如果两个的你都确定没有问题。你需要打开index.html和Vue.config.
浏览器中下载了vue扩展程序，控制台却不显示vue，且vue标签是灰色
weixin_55966654的博客
10-10 8312
解决浏览器控制台不显示vue，以及右侧的标签呈现灰色的问题
解决浏览器中 vue-devtools 不显示的问题
热门推荐
来杯卡布奇诺的博客
08-09 1万+
一种是 vue-devtools 的配置错误，我们需要进入到 vue-devtools 的详情页中，将“允许访问文件网址勾选起来”。vue 项目中浏览器右上角可以显示出插件，但是控制台却没有显示。第三种情况是项目使用了 externals 打包优化。...
Vue调试工具vue-devtools的安装
08-05
要安装Vue调试工具vue-devtools，可以按照以下步骤进行操作： 1. 首先，你需要在Chrome浏览器中安装Vue Devtools插件。你可以在Chrome网上应用商店中搜索"Vue Devtools"，然后点击"添加至Chrome"按钮进行安装。 2....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值