解决谷歌导入Vue开发工具没反应的问题

最新推荐文章于 2024-06-25 20:03:16 发布
最新推荐文章于 2024-06-25 20:03:16 发布
阅读量2.9k 收藏 4
点赞数 3
分类专栏： 前端 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chensen99/article/details/127377468
版权

一、问题：

下载了Vue2.0和3.0的开发者工具，拖入谷歌浏览器的扩展程序中没有反应，拖入306浏览器就可以。

二、解决步骤

教程：网上百度说将其压缩，再解压，然后导入文件夹即可，我尝试后不行，显示清单文件缺失或不可读取无法加载清单。

后来进行尝试发现只要先将后缀为crx的开发包工具更改为zip，然后在解压即可。

 然后在谷歌浏览器扩展工具处选择加载已解压的扩展程序即可，选择刚刚解压好的文件夹。

开发工具下载链接：Vue Devtools_6.4.4_chrome扩展插件最新版下载_极简插件

陈住气^-^
关注
  • 3
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
解决vue-router 嵌套路由没反应的问题
01-18
const App = () => import('../App.vue'); const Login = () => import('../component/Login.vue'); const Class = () => import('../component/Class.vue'); const CourseList = () => import('../component/Course...
在vue开发中遇到的各种问题及解决方案
03-13
熟悉`beforeEnter`、`beforeRouteUpdate`等钩子函数，能有效解决问题。 7. **状态管理**：对于复杂应用，Vuex是必备的工具。学习如何创建store、模块，以及使用actions、mutations和getters，能提高代码组织性。 8...
谷歌Vuex插件Vue.js devtools安装后控制台不显示的问题
xiaohu_haha的博客
03-20 2747
插件安装后，打开浏览器右上角有灰色的图标显示但是打开控制台却没有vue的提示，这种情况是因为你打开的只是一个谷歌浏览器页面，此页面并不是项目的页面，就会只有右上角显示灰色图标，如果页面是打开的项目页面，右上角图标会变成彩色，并且F12后控制台会有Vue的标题。
Chrome浏览器安装Vue.js插件是显示Vue.js is not detected怎么解决
qiaoyangla的博客
02-06 5839
当我们安装谷歌浏览器vue插件时，会出现没有检测到情况，右上角图标显示灰色 我们点击右上角 扩展程序，点击下图所示图标 出现 点击详情，将允许访问文件网址打开按钮就行。 请注意以下几点： 1、检查你的开发者工具选项是否已经打开 2、是否打开了插件的开关 3、文件中引入的 vue 文件 ，文件名必须为 ‘ vue.js ’ ， 不能为其他 4、引入的 vue 文件必须是开发版本的文件，不能是生产版本 ， 这是官网下载地址：安...
Chrome插件：​Vue.js Devtools 高效地开发和调试
最新发布
朱雀随云记的博客
06-25 942
Vue.js Devtools是一个Chrome DevTools扩展，专门用于调试Vue.js应用。安装这个扩展后，你会在Chrome开发者工具中看到一个新的标签“Vue”，通过它可以直观地查看和操作Vue.js组件，极大地提升了调试效率。
vue在chrome中的开发者工具安装后不起作用的问题
sinat_41783683的博客
03-01 2397
安装完vue-tools后发现还是灰色的,并没有起作用,解决方案如下 点击详情,打开插件的详情页 打开允许访问文件网址的选项,就可以用啦
在Chrome(谷歌浏览器)中安装Vue.js devtools开发者工具及解决Vue.js not detected报错
又菜又爱玩的小熊
07-25 3213
文章目录一、Vue.js devtools开发者工具安装1.打开谷歌浏览器——点击扩展程序——选择管理扩展程序2.先下载添加一个谷歌助手到扩展程序中（根据提示进行永久激活）3.点击谷歌浏览器的应用商店4.输入Vue.js devtools——搜索——选择下载二、解决Vue.js not detected报错1.打开谷歌浏览器——点击扩展程序——选择管理扩展程序2.点击详情3.开启允许访问文件地址总结 一、Vue.js devtools开发者工具安装 1.打开谷歌浏览器——点击扩展程序——选择管理扩展程序
解决Google浏览器打不开,Vue.js Devtools崩溃问题
weixin_70435769的博客
01-21 1297
原因：由于一开始Google浏览器打不开，在【目标（T）】后加上--test-type --no-sandbox，导致使用浏览器时，稳定性与安全性下降，当你并没有打开Google浏览器，直接在Vscode中使用插件运行Vue并打开实现网页时，就会造成扩展程序的崩溃。回到桌面，右键Google浏览器快捷方式，点开属性，在【目标（T）】后加上--test-type --no-sandbox，记得--test......前面要加上空格。明明有网,但是Google浏览器什么网页都打不开,甚至连设置都打不开。
vue开发直线vue开发工具
06-05
"直线vue开发工具"可能是指一种专为Vue.js开发优化的工具，旨在提供更顺畅的开发体验。在开发Vue应用时，各种工具能够帮助开发者提升效率，调试代码，以及实现更好的项目管理。 beeline-vue-devtools-main，从这个...
Vue项目开发常见问题和解决方案总结
10-14
本文将对一些常见的Vue项目开发问题及其解决方案进行总结，旨在帮助开发者更高效地利用Vue进行开发。 首先，一个常见的问题是Vue CLI打包后的静态资源路径不正确。在Vue CLI 2.x版本中，可以通过修改`config/index....
Vue开发中遇到的跨域问题及解决方法
10-15
在本篇文章里小编给大家整理的是关于Vue开发中遇到的跨域问题及解决方法，需要的朋友们可以学习下。
chrome安装vue插件控制台不显示
weixin_64064226的博客
11-06 3322
chrome安装vue插件控制台不显示
浏览器中下载了vue扩展程序，控制台却不显示vue，且vue标签是灰色
weixin_55966654的博客
10-10 8070
解决浏览器控制台不显示vue，以及右侧的标签呈现灰色的问题
解决谷歌浏览器扩展程序中无法安装vue-devtools插件 或者拖拽安装后报错的情况
热门推荐
李小乐er
03-01 2万+
1.下载vue-devtools插件 地址 https://github.com/vuejs/vue-devtools2.解压vue-devtools-master 并双击打开 进入文件夹 3.在该文件夹下运行cmd，若是cmd进入的地址不是文件夹所在地址cd 进入解压的vue-devtools-master 所在的路径即可，例如我这里进入是c:\Users\shilei所以要  cd Deskt...
使用vue3后Chrome插件Vue.js devtools失效
weixin_47628141的博客
06-19 933
vue
在Google中安装扩展程序(插件)显示程序包无效时的解决方法以及如何安装vue-devtools以及安装vue-devtools报错时的解决方法
weixin_43755513的博客
11-04 1718
找到需要安装的程序包(插件)，如果后缀名是.crx就把crx改为rar 修改插件扩展名后系统会提示：如果改变文件扩展名，可能会导致文件不可用。点“确定”即可。 3.建一个空文件夹，把这个压缩包解压到这个空文件夹中 4.然后点击浏览器的右上角的三个点的地方，里面有一个更多工具---->扩展程序，点击进到扩展程序中 5.在扩展程序页面有一个开发者模式，打开(拖到最右边)，点击 加载已解压的...
解决：IE浏览器上Vue Devtools扩展不好使
Tom906的博客
03-01 1062
Vue Devtools扩展不好使
添加vue devtools扩展工具+添加后F12不显示Vue图标
MRJJ_9的博客
08-14 3445
vue devtools扩展程序添加 添加后F12没有出现Vue图标
【Vue/Js】如何解决谷歌浏览器（chrome）扩展插件安装后，再打开自动消失问题（两种解决方案）
【敦厚的曹操】的专栏
08-19 9653
chrome插件
vue3 谷歌开发工具
07-28
Vue 3 谷歌开发工具是指在使用 Vue 3 进行开发时，我们可以利用谷歌的开发工具来优化开发体验和调试过程。 首先，Vue 3 谷歌开发工具允许我们在浏览器中进行实时调试和查看 Vue 组件的状态和属性。我们可以在开发工具的控制台中查看 Vue 实例的数据变化和方法调用，从而更好地理解应用程序的行为。 其次，开发工具还提供了一个强大的调试工具，可以帮助我们快速定位和解决代码中的错误。我们可以在开发工具中设置断点、查看变量的值，并逐步进行代码执行，以便找到问题所在。 另外，Vue 3 谷歌开发工具还提供了性能分析工具，可以帮助我们发现和优化应用程序的性能瓶颈。我们可以查看组件渲染的时间和消耗的资源，从而了解哪些组件需要优化以提高应用程序的性能。 最后，谷歌开发工具还提供了许多其他有用的功能，如网络请求监控、页面元素审查等。这些功能可以帮助开发者更好地了解和调试应用程序的各个方面，提高开发效率。 总之，Vue 3 谷歌开发工具是一个强大的开发辅助工具，可以帮助我们更好地开发和优化 Vue 应用程序，提高开发效率和代码质量。无论是初学者还是有经验的开发者，都可以从中受益。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值