已经安装好vue-devtools插件 右击检查看不到还是vue选项

最新推荐文章于 2024-06-08 23:20:01 发布
最新推荐文章于 2024-06-08 23:20:01 发布
阅读量1.7k 收藏 2
点赞数 2
分类专栏： Vue.js学习 文章标签： vue-devtools
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41251187/article/details/115520693
版权

情况1：打开的不是本地运行起来的系统

必须是开发模式下（即本地运行）才能看到，如果你打开的是已经放到服务器上面的链接，就是看不到的

情况2：使用外部引入vue.min.js的方式使用的vue

引入的是vue.min.js文件，这种压缩版的是默认不支持调试的，改为引入vue.js即可

M-Didid
关注
专栏目录
第四章 项目环境配置（五）——安装 Vue DevTools Next
qdbest的专栏
08-07 195
的某些配置项已经取消了，按照。版本不能太高，会提示。原因是网络问题，设置。打开谷歌浏览器扩展程序。拖到谷歌浏览器的扩展。
安装了VueDevtools插件但在控制台不显示Vue的解决方案
热门推荐
shuureina的博客
12-20 2万+
安装好Vue Devtools插件后，在Google浏览器中开发调试的时候，右上角的Vue图标变亮，但是在开发者工具中没有出现Vue调试。 如下图： 控制台的Vue调试应该如下图显示 参考文章 ...
解决Vue.js devtools插件成功装上，却在控制台中找不到的问题
CCCCt1的博客
07-29 8732
在Vue.js devtools这个插件安装成功后是可以在浏览器的右上角可以见到这个图标，如下图所示： 当然，现在我们要解决的是为什么安装好了，在控制台却找不到这个插件： 首先第一种方法是： 修改文件：vue-devtools-master/shells/chrome/manifest.json如下图所示： 如果这个方法不行，就换下一种方法： 第二种方法： 按F5+F...
vue.js devtools插件安装后不显示Vue选项
liberty888的博客
03-14 1499
vue.js devtools插件安装后不显示Vue选项
vue-devtools安装后，chrome控制台并没有出现vue扩展工具
palmer_kai的博客
02-15 6442
问题 在使用 vue-cli3.0 开发的时候， 突然发现vue-devtools 扩展工具不能使用， 虽然开发中可以不使用该工具，但是使用该工具确实可以提高开发效率 Vue.js is detected on this page. Devtools inspection is not available because it’s in production mode or explicitly ...
安装vue-devtools的过程中遇到问题，以及最后解决问题正确安装
Girasol_YRR的博客
02-25 960
我在安装vue-devtools的过程中遇到的问题 所参照的安装教程：https://blog.csdn.net/cx_carol/article/details/106874788 （按照这个教程安装是没有问题的，大家可以看看哈！） 我做的操作： 1、下载devtools工具安装包 选择master分支我下载的是.zip后缀的压缩包（下载完了记得一定要解压）， 我的目录：D:\vue\vue-devtools-master 一、第一次安装 步骤1：在解压后的D:\vue\vue-devtools-mast
Vue开发工具vuejs-devtools超级详细安装教程以及常见问题解决
bsefef的博客
03-09 500
这绝对是最详细的Vue开发工具vuejs-devtools安装教程，相信你只需要5分钟即可解决所有问题 所需的所有文件，链接：https://pan.baidu.com/s/19GWDS_7GodIdFBUO0eTDAg 提取码：2yvc 一、vue.js插件下载 下载地址：vue.js插件下载； 点击进入Vue官网即可下载，共有两种版本的插件（开发版本：vue.js，生产版本：vue.main.js），建议使用开发版本。开发版本有更多的错误信息提示和调试，文件较大，生产办文件小但是很多提示不全，解决开发
Vue环境搭建并创建项目(内含搭建过程中大部分错误的解决办法，亲测有效！！)
qq_52367032的博客
07-23 1621
Vue框架环境搭建+项目创建，覆盖了搭建环境中大部分可能遇到的问题，踩过的坑都在里面了，亲测有效！！
【前端开发效率提升篇】Chrome DevTools 使用技巧汇总
乐闻世界
06-08 1196
Chrome DevTools 是前端开发者的强大工具，提供了一系列功能帮助我们分析和调试网页。然而，很多开发者没有充分利用这些工具，本文将详细介绍一些实用的 Chrome DevTools 技巧，帮助你提升开发效率。可以通过 DevTools 自身的设置来自定义界面，例如改变主题、调整面板位置等。插件系统也允许添加额外的功能，如 React Developer Tools 或 Vue.js devtools。
在google应用商店下载的Vue.js Devtools在控制台(开发者模式)没有vue选项
JUZI__的博客
04-17 2529
在google应用商店下载的Vue.js Devtools在控制台没有vue选项 第一种:图标不亮 第二种:图标亮,但是在下面的控制台选项中没有vue 第一种:图标不亮 首先,如果最上面那个vue图标如果没有亮,说明当前页面不是vue写的,控制台必然没有vue选项,找一个vue写的网页打开就亮了,比如哔哩哔哩.如果亮了之后控制台还是没有vue选项,就需要看我们的第二种了. 第二种:图标亮,但是在下...
Vue-devtools安装后开发者工具不出现vue的功能
zsd_31的专栏
04-04 8075
Vue-devtools安装后开发者工具不出现vue的功能
关于chrome浏览器中使用Vue Devtools控制台没有vue选项的问题
weixin_40285832的博客
04-07 1万+
学习Vue过程中,得知有一个好用的插件即Vue devtools 下载就不说了,谷歌应用商店就可以找到,或者离线安装都可以 下载完成之后,正常情况打开,如图配置一下就可以使用了 可是我配置好了以后,控制台就是没有vue选项,不论如何就是调不出来, 参阅了https://blog.csdn.net/weixin_42664784/article/details/87858814 这篇博客以后发现...
安装了Vue-devtools插件，浏览器的控制台不显示
qq_31594665的博客
10-19 3996
Google浏览器中开发调试的时候，右上角出现vue的图标，但是在开发者工具中没有出现vue调试（已在扩展程序中安装 Vue Devtools），控制台却没有Vue。没显示调试工具的原因是用了生产环境的版本或是压缩的vue版本，Vue Devtools只在开发环境生效。
浏览器安装了Vue.js devTools ，工具栏没有显示
m0_52007955的博客
03-01 1020
vue3项目，浏览器安装了Vue.js devTools ，工具栏没有显示
Vue devtools安装，解决调试界面没有VUE的方法
weixin_46463398的博客
09-17 1482
5.然后找到文件扩产文件所在的位置，找到“mainfest.json”文件，用文本文件打开编辑，将"persistent": false更改为"persistent": true。1.下载Vue devtools，网址：https://chrome.zzzmh.cn/info/nhdogjmejiglipccpnnnanhbledajbpd。2.下载完成之后进行解压，会有一个“.crx”文件，点击扩展程序，添加扩展，添加扩展程序。3.直接张“.crx”文件拖拽进来，记得打开“开发者模式”
VUE vue-devtools 安装成功，但是图标为灰色，且控制台无vue选项的解决办法
m0_51249573的博客
12-10 3928
VUE vue-devtools 安装成功，但是图标为灰色，且控制台无vue选项的解决办法
chrome浏览器的vue插件有时候在调试窗口不出现，那么教你一个简单的方法让它出现，一般人我不告诉他
止水Itachi
07-15 1084
首先：F12关闭开发者模式 然后：刷新 最后：再按F12
vue-devtools 不显示的问题
uuai
03-28 1344
【代码】vue-devtools 不显示的问题。
vite-plugin-vue-devtools与浏览器的vue-devtools插件有什么区别
最新发布
07-13
Vite-plugin-vue-devtools是一个针对Vite构建系统的Vue.js应用特别设计的插件，它的作用是让Vue DevTools（浏览器内置的开发者工具插件）能够更好地与Vite环境集成，尤其是在热更新（Hot Module Replacement，HMR）...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值