更多>
最新下载
谷歌浏览器插件SelectorsHub 元素定位神器
SelectorsHub 是一款开发者工具插件，Selectorshub是免费的 Next Gen Xpath插件和 CSS Selectors插件。它由 Chrome Store正式推荐常简单的3个步骤开始选择器 Hub xpath插件.1.从下面的链接将 Selectorshub xpath插件添加刭您的浏览器,重新启动浏览器并打开网站2.右键单击并单击检查,它将打开 Devtools3.在
0
2026-01-14
谷歌浏览器插件Odoo Debug 一键点击切换Odoo调试模式
Odoo Debug是一款Odoo 调试工具，可一键快速切换到Odoo 调试模式。如何使用鼠标？单击扩展图标进行调试。双击扩展以使用资源模式进行调试。如何使用键盘快捷键操作？（在mac中使用cmdû）按Ctrl+用于调试模式。按Ctrl+ +用于使用资产模式进行调试。（按住ctrl并按两次+）如果想修改快捷键，chajian5提示你可以从设置>扩展>键盘快捷键（底部）更改键盘快捷键
0
2026-01-14
谷歌浏览器插件JSONViewer 一个浏览器窗口支持格式化多个JSON文档
JSONViewer 是一个JSON阅读插件，插件主要功能是事先在一个窗口中格式化多个JSON文档，取决于屏幕宽度，最多支持6个。如果你是Firefox或者360极速，需要使用请参考这里https://github.com/oppoic/JSONViewer
0
2026-01-14
谷歌浏览器插件Scratch 3 Developer Tools 编程软件Scratch 3开发人员工具
Scratch 3 Developer Tools是一款针对Scratch 3开发人员的开发工具，用来增强您在上的Scratch编程体验。在Scratch 3中等待官方方式跳转到自定义块定义等的时间太长了，因此开发者开始开发一个方便自己的chrome扩展，允许快速导航到项目中的任何自定义块、事件接收器或其他帽块。现在支持按名称定位变量和列表引用，并支持改进的脚本整理器。
0
2026-01-14
把Chrom作为数据库连接工具的插件Chrome MySQL Admin
今天介绍的这款插件Chrome MySQL Admin可以把Chrom作为数据库连接工具，来连接mysql数据库，是一款开源插件。*连接到MySQL Server（4.1或更高版本）。*可以用ssl连接到mysql服务器。*可以通过ssh2端口转发连接到mysql服务器。*显示已连接服务器的统计信息和进程列表（自动刷新）。*显示表列表和所选表的行。*创建和删除表。*插入并更新行。*显示所选表的结构
0
2026-01-14
谷歌浏览器插件Responsive Viewer前端开发测试多个屏幕的效果
Responsive Viewer是一款前端开发测试插件，方便开发人员测试代码在多个屏幕的效果，Show multiple screens once, Responsive design testerA Chrome extension to show multiple screens in one view. the extension will help front-end developer
0
2026-01-14
谷歌浏览器插件bilibili图床 支持多图上传 上传历史浏览和删除
bilibili图床是利用bilibili的图片外链功能实现简单好用的bilibili图床。– 支持多图上传– 上传历史浏览和删除– 支持返回https安全协议的图片地址– 批量复制地址
0
2026-01-14
谷歌浏览器插件Web Vitals 查看网页加载性能指标 提升用户体验
Web Vitals 是一款网页页面加载性能指标的插件，方便你测试网页性能，安装插件后，点击插件图标即可查看到数值，是用户体验提升的重要参考插件。我们可以通过Web Vitals 这个插件查看到关于加载、交互性和布局转换指标的即时反馈。Measure metrics for a healthy siteWeb Vitals are quality signals key to delivering
0
2026-01-13
谷歌浏览器插件Detailed SEO Extension 查看网页元数据等SEO信息
Detailed SEO Extension 是一款可以查看网页SEO信息的工具，能够查看标题、META信息、robots标签等信息，使用方法也很简单，安装好插件后，打开网页，等网页加载的差不多的时候，点击插件图标即可看到信息视图。
0
2026-01-13
谷歌浏览器插件AdWords & Google Ads API Web Navi（Google 官方）
AdWords & Google Ads API Web Navi是谷歌AdWords 和谷歌 Ads 的API导航。This extension shows the related pages of the AdWords API and Google Ads API websites based on the current Google Ads UI web page.This ex
0
2026-01-13
24小时阅读排行榜
- 1 css 不会写动画效果怎么办_借助 css 动画工具快速实现
- 2 mysql如何实现排序和分页组合_mysql列表项目设计
- 3 如何实现数据导出功能_mysql查询导出思路
- 4 如何使用pprof分析Golang性能_Go性能分析工具使用方法
- 5 php远程访问文件怎么打开_phphttps远程文件安全打开法【注意】
- 6 Avalonia Slider控件如何获取值 Avalonia滑块控件用法
- 7 如何在Golang中处理Unicode字符串_字符串编码处理方式
- 8 如何使用Golang构建基础Web服务_Golang Web服务开发流程详解
- 9 Go反射中CanSet有什么作用_Go可写性判断说明
- 10 Entity Framework Core怎么配置连接字符串 EF Core appsettings.json配置方法
- 11 Golang项目如何进行环境变量管理_配置管理实践说明
- 12 css如何减少样式文件体积_使用原子化css方案
- 13 Blazor Virtualize 组件提升渲染性能教程
- 14 mysql日志过多影响性能怎么办_mysql日志优化建议
- 15 Golang数据库查询慢怎么处理_SQL与连接池优化方法
更多>
最新教程
-
- Node.js 教程
- 15541 2025-08-28
-
- CSS3 教程
- 1544761 2025-08-27
-
- Rust 教程
- 22819 2025-08-27
-
- Vue 教程
- 25296 2025-08-22
-
- PostgreSQL 教程
- 21868 2025-08-21
-
- Git 教程
- 8882 2025-08-21
下载首页 / 插件下载 / Chrome插件
下载Vue.js devtools的crx文件后，打开Chrome的扩展页面（chrome：// extensions /或按Chrome菜单图标>更多工具>扩展程序查找），然后拖放 crx文件到扩展页面安装它；
4、点击“添加拓展程序”完成安装。
5、Vue.js devtool插件安装后无法使用，出现提示“vue.js not detected”，这时我们可以使用下面的方法：
第一，我们需要找到Vue.js devtool插件的安装目录。（如果真找不到插件的安装位置，可以在本地电脑搜索插件的ID：nhdogjmejiglipccpnnnanhbledajbpd。）不同操作系统中chrome插件安装位置不同，比如win8系统中chrome插件的安装位置：C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\Extensions\nhdogjmejiglipccpnnnanhbledajbpd
第二，在找到了Vue.js devtool插件的安装目录后，打开mainifest.json文件（这是关键）。
将mainfest.json中代码persistent：false，修改成persistent：true。如下图所示：
一般情况下，修改完如上的位置的代码。打开vue项目后，在控制台选择vue，就应该可以正常使用了。
第三，如果通过上面的方法调整过后，还是不能够使用，那么可以调整一下webpack.config.js的代码，如下图所示：
最后，重启一下你的vue项目应该就可以使用了。
二、源代码安装方法
1、在github下载devtools源码，地址：https://github.com/vuejs/vue-devtools。
2、下载好后进入vue-devtools-master工程 执行cnpm install, 下载依赖，然后执行npm run build，编译源程序。
3、编译完成后，目录结构如下：
修改shells-chrome目录下的mainifest.json 中的persistant为true：
4、打开谷歌浏览器的设置--->扩展程序，并勾选开发者模式
然后将刚刚编译后的工程中的shells目录下，chrome的整个文件夹直接拖拽到当前浏览器中，并选择启用，即可将插件安装到浏览器。
5、打开一个已有的vue项目，运行项目，然后在浏览器中--->设置--->更多工具--->开发者工具，进入调试模式：
发现vue.js is not detected ，可以调整一下webpack.config.js的代码：
最后，重启一下你的vue项目应该就可以使用了。
小结：Vue.js devtool插件安装后出现提示“vue.js not detected”的问题，首先在扩展程序中选择开发者模式，打开插件的安装目录，将mainifest.json 中的persistant为true，如果还不行就调整一下webpack.config.js的代码，最后重启vue项目就可以使用。
本站所有资源都是由网友投搞发布，或转载各大下载站，请自行检测软件的完整性！本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担!如有侵权请联系我们删除下架，联系方式：admin@php.cn
相关推荐
热门下载
谷歌浏览器插件Quicker Connector Quicker软件配套的浏览器插件
Quicker Connector 是Quicker软件的浏览器插件，使用户可以通过Quicker动作控制浏览器或网页实现自动化操作。需要结合Quicker软件1.29.0+版本使用。如果您没有使用Quicker软件(https://getquicker.net)，请勿安装此插件。Quicker Connector v0.7.4.0上次更新日期：2023年12月4日
Chrome插件
2025-12-25
谷歌浏览器插件Chrome Extension Downloader 下载Chrome商店的CRX文件
Chrome Extension Downloader 这款工具可以根据您的选择，直接以.crx或.zip文件的形式下载Chrome扩展文件。（1） 根据您的选择，直接以.crx或.zip文件的形式下载Chrome扩展文件。（2） 在线提取并查看Chrome扩展文件的源代码。此扩展不包含任何跟踪源代码或广告代码。您还可以通过使用相同的扩展下载扩展来检查是否注入了任何跟踪或广告代码。根据您的需要，您
Chrome插件
2025-12-25
谷歌浏览器插件NoFollow Simple 用黄色虚线框标注网页上的nofollow文字和图片链接
NoFollow Simple 可以理解成《NoFollow》的简洁版，没有设置项，安装插件后，打开网页，会自动标注网页上加了nofollow的文字链接和图片链接。如果你想要更多选项的扩展，如网站过滤，为链接设置自己的CSS样式，当发现nofollow或noindex元标签时显示信息框，请查看开发者的另一个《NoFollow插件》。
Chrome插件
2025-12-27
谷歌浏览器插件Storage Area Explorer 用于Chrome打包应用程序和扩展的存储区域的简单编辑器
Storage Area Explorer 是一款Chrome开发者工具，用于Chrome打包应用程序和扩展的存储区域的简单编辑器。此扩展仅对扩展开发人员有用，如果您不是开发人员，不要安装这个插件。提示：插件安装成功后，F12键打开Devtool，切换到“Storage Area Explorer”选项卡。
Chrome插件
2025-12-27
谷歌浏览器插件FATREL SEO工具 高亮网页上的NoFollow链接
FATREL 是一款SEO工具，安装插件后，方便你可以在浏览器网页上直观的查看到nofollow链接，针对网页上的nofollow链接，插件会标注红色框框，分辨起来显得更加容易。不止是nofollow，还支持查看Rel=nofollow, Rel=sponsored and Rel=ugc …… nofollow含义：如果你是网页优化新手，可以了解，nofollow的意思是向谷歌发出信号，表示他们
Chrome插件
2025-12-27
谷歌浏览器插件CSS Peeper 提取网页CSS并构建漂亮的样式
CSS Peeper是一款前端开发者插件，是为设计师定制的CSS查看器。使用CSS Peeper 访问有用的样式，让设计师专注于设计，并尽可能少地花时间挖掘代码。有没有想过网站上的行高、字体或按钮大小是多少？我们为您提供满足您好奇心的终极工具。CSS Peeper 可以让您能够以最简单的方式检查代码，检查web上对象、颜色和资源的隐藏CSS样式。
Chrome插件
2025-12-27
谷歌浏览器插件WP Hive为WordPress.ORG显示插件报告
WP Hive是一款针对用WordPress建站用户的插件，利用WP Hive的自有数据在WordPress.ORG的插件页为插件显示一个数据报告。
Chrome插件
2025-12-29
谷歌浏览器插件AMP Validator 谷歌官方提供的AMP验证器
AMP Validator 是一款 AMP验证器插件，是由谷歌官方提供的。AMP即移动网页加速，其将资源托管在谷歌实现用户点击秒开无需等待。The AMP Validator will check the current page to see if it is an AMP page and then run it through the AMP validator and report if
Chrome插件
2025-12-29
谷歌浏览器插件RESTMan 用于处理http请求的浏览器扩展
RESTMan是通过http和https处理RESTAPI的扩展。如何使用单击任务栏上显示的RESTMan图标。在主输入字段中键入url，然后选择要使用的方法：GET/POST/PUT/DELETE/PATCH。单击箭头“发送”或按Ctrl+Enter。
Chrome插件
2025-12-29
谷歌浏览器插件JSON Viewer Pro 可视化JSON
JSON Viewer Pro是一款可视化JSON信息的插件，增强了JSON的易读性，插件无广告且免费。A completely free extension to visualise JSON response in awesome Tree and Chart view with great user experience and options. ✅…A completely free ex
Chrome插件
2025-12-30
