vue-devtools插件Edge亮了但是控制台不显示

已于 2024-05-13 15:16:38 修改
阅读量318 收藏
点赞数 1
文章标签： vue.js edge 前端
于 2024-05-06 15:40:15 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52754360/article/details/138497066
版权

问题

直接在edge插件商城下的,也都勾选了,标志亮了,控制台无.

看网上加什么的设置感觉也不太行,而且这个商城直接下的感觉也不是压缩版 .

解决

重启电脑

....edge的这个拓展虽然方便但是确实不太稳定,一会有一会没,而且蛮麻烦

 成功的截图

我直接换浏览器,就正常显示

帅不死你
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在google应用商店下载的Vue.js Devtools在控制台(开发者模式)没有vue选项
weixin_42664784的博客
02-21 7148
在google应用商店下载的Vue.js Devtools在控制台没有vue选项第一种:图标不亮第二种:图标亮,但是在下面的控制台选项中没有vue 第一种:图标不亮 首先,如果最上面那个vue图标如果没有亮,说明当前页面不是vue写的,找一个vue写的网页打开就亮了,比如哔哩哔哩 第二种:图标亮,但是在下面的控制台选项中没有vue 点击vue图标,有这么一段话 Vue.js is detecte...
vue-devtools@6.1.4谷歌插件
04-27
vue-devtools是Vue开发的调试工具，官方推荐使用，vue-devtools第6代支持vue2和vue3，以及pinal，官方提供源代码，但是需要自己构建，构建的过程基本上没有3个坑都不能成功，这里直接分享一些，需要的小伙伴可以拿去
vue-devtools（浏览器扩展，edge、谷歌等通用）
08-17
适合多个浏览器，打开浏览器扩展，选择开发者模式，直接将文件解压后将文件夹拖入即可
Microsoft Edge 安装插件 Vue.js devtools
前端技术
09-01 9678
一、打开扩展 1. 点击“设置及其他（Alt+F）” 2. 选择菜单“扩展”，打开 edge://extensions/ 页 3. 打开“开发人员模式” 和 “允许来自其他应用商店的扩展” 选项 4. 点击“获取 Microsoft Edge 扩展” 二、安装 1. 打开 Microsoft Edge 扩展页 2. 左上角搜索“Vue.js devtools” 3. 点击安装（我已安装，所以这里是“删除”按钮） 三、查看 扩展页中可以看到已安装成功 无需重启，在vue项目页..
浏览器中下载了vue扩展程序，控制台却不显示vue，且vue标签是灰色
weixin_55966654的博客
10-10 7953
解决浏览器控制台不显示vue，以及右侧的标签呈现灰色的问题
安装了Vue-devtools插件，浏览器的控制台不显示
qq_31594665的博客
10-19 3341
Google浏览器中开发调试的时候，右上角出现vue的图标，但是在开发者工具中没有出现vue调试（已在扩展程序中安装 Vue Devtools），控制台却没有Vue。没显示调试工具的原因是用了生产环境的版本或是压缩的vue版本，Vue Devtools只在开发环境生效。
Edge浏览器安装vue devtools
u010234868的专栏
08-02 2086
在文件夹空白处，点击鼠标右键选择：git bush here。3. 在上一步打开的git窗口中安装依赖。4. 成功安装依赖后在git窗口中打包构建。2. 下载后的压缩包解压并打开文件夹。
Edge chrome 浏览器插件vue-devtools安装教程（简单易上手）
暂时注销中.........
02-25 1636
3，点击vue菜单，即可看到左侧组件嵌套情况，右侧则可选择查看组件，vuex数据仓库,事件派发情况，vue-router，工具设置等等。1.使用之前必须对vue项目进行相关设置，在Vue加载之后设置立即设置Vue.config.devtools = true，6.进入shell文件夹，将构建出的chrome文件夹拖到chrome拓展程序页，点击确认，成功添加新的拓展程序。5.打开chrome浏览器，点击选项，更多工具，拓展程序，2.chrome浏览器按f12，即可看到vue菜单，
谷歌浏览器vue插件vue-devtools
最新发布
04-10
谷歌浏览器vue插件vue-devtools
vue-devtools-5.1.1.zip
04-23
在github链接上面直接下载的vue-devtools 不可用，我这里在分支里面下载的，5.1.1版本可用的。 使用方法 切换到根目录 cnpm install，然后 npm run build，再 修改shells\chrome 目录下的manifest.json 里面的 ...
Vue调试神器vue-devtools.zip
12-26
vue-devtools是一款专门用于vue应用调试的浏览器插件，可以大大地提高vue应用的调试效率。
chrome插件 vue-devtools离线安装包
04-27
版本5.3.3，从github下载的源码自己build出来的。 解压文件，从谷歌扩展程序里加载文件夹即可。
Vue“新手坑”之控制台没有vue
Jafe的博客
03-31 7495
经历描述 （描述我尝试的一些解决办法） 我按照了网上的一些教程，以crx格式的文件导入到谷歌浏览器作为插件，不料出现这个问题： 图中可以发现，V的标志是亮的，但是控制台没有“vue”的字样显示。 代码（基本上是官网的，不应该有太大的问题） 于是，我尝试了好多方法，当然都没有解决，各位可以看下，是否有相同经历。 找到扩展包的安装路径，找到“manifest.json”这个文件，将"persi...
控制台中没有vue
weixin_44628177的博客
05-12 921
vue有两个文件，一个开发版本（体积大），一个生产版本（体积小） 一般情况下只有用的是min版本的才会出现这种情况，但是这次使用不知道怎么使用开发版本的也没有了vue vue的图标是亮着的，但是控制台就是没有vue 于是我在代码中加了一句，发现可以了 Vue.config.devtools = true; ...
Edge 访问VUE（＞=ES6）空白问题
motl2000的博客
07-29 922
Edge 访问VUE（>ES6）空白问题 刚做了VUE(ES6)的网站，发现自己机器上的Edge不能访问，显示一个空白页，但Chrome和FireFox都是可以的。 在网上搜遍了，尽有一遍说到了点子。 Edge版本太低！ Edge版本太低！ Edge版本太低！ 更新最新的Edge就行。 很多人的windows应该都是不自动更新的吧，老的Edge应该也不会更新，至少我的几台机器上的Edge都没有更新过，相信这样的用户或者开发者也不在少数吧。 网上竟然只有一个帖子讲这个事情，可能性只有如下了 VUE还不
【板栗糖GIS】在Microsoft Edge安装的Vue.config.devtools图标为灰色，无法使用
weixin_46192906的博客
03-15 2107
浏览器Vue插件为灰色
搭建Vue的开发环境，Edge浏览器安装VUE拓展工具
XunLin233的博客
09-26 1370
在vue官网中下载开发版本的vue.js文件。
关于控制台没有VUE选项
qq_50730710的博客
03-25 601
然而下面没有vue这个选项，那么需要在js代码中添加 Vue.config.devtools = true;当上面图标亮起时，点击图标显示。
vue-devtools浏览器插件
09-09
Vue-devtools是一款谷歌浏览器插件，它用于开发Vue项目时进行调试和查看VueX的数据以及组件结构等信息，非常方便。安装步骤如下： 1. 首先，你可以从以下两个git地址中选择一个进行下载安装： - 官方git地址：https://github.com/vuejs/vue-devtools.git - 另一个git地址：https://gitee.com/zhang_banglong/vue-devtools.git 2. 打开控制面板，进入到vue-devtools文件夹下，运行命令`npm install`或者`cnpm install`来安装依赖。 3. 安装成功后，继续运行命令`npm run build`来构建项目。 4. 在安装目录下找到shell文件夹，其中有一个chrome文件夹，这就是我们需要的插件文件夹。 5. 打开谷歌浏览器（Chrome），找到扩展程序并打开。 6. 在扩展程序界面中选择“加载已解压的扩展程序”。 7. 选中刚刚找到的chrome文件夹。 8. 选中后，扩展程序界面会显示vue-devtools插件，表示安装完成。 9. 现在，打开一个本地运行的Vue项目，在浏览器中按下F12打开控制台。如果没有看到插件图标，可以尝试刷新页面或关闭并重新打开浏览器。 10. 使用相同的方法，你也可以在其他浏览器的扩展程序中选择chrome文件夹，安装vue-devtools插件。如果你着急，也可以安装火狐浏览器，并在扩展程序界面中搜索vue，然后点击添加即可。 总结来说，通过以上步骤就可以在谷歌浏览器中安装并使用vue-devtools插件了。这个插件可以方便地进行Vue项目的调试和查看相关数据和组件信息。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值