Chrome浏览器中的vue插件devtools的下载方式（使用Chrome应用商店/科学上网情况下）

8月前作者：快意人生大社畜分类：Toy博客阅读(35) 违法举报

这篇具有很好参考价值的文章主要介绍了Chrome浏览器中的vue插件devtools的下载方式（使用Chrome应用商店/科学上网情况下）。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

目录

devtools对前端来说的好处——开发预览、远程调试、性能调优、Bug跟踪、断点调试等

下载步骤：

测试阶段：

最近做项目要使用devtools这个vue插件。

devtools对前端来说的好处——开发预览、远程调试、性能调优、Bug跟踪、断点调试等

下载步骤：

首先先想个办法搞个加速器之类的，好实现科学上网。

在Chrome浏览器中访问以下网址：

Chrome应用商店网址：

https://chrome.google.com/webstore/category/extensions?utm_source=chrome-ntp-icon

访问后的效果：

Chrome浏览器中的vue插件devtools的下载方式（使用Chrome应用商店/科学上网情况下）,前端工具网站/软件/插件,Vue,vue.js,前端

在左上角的搜索店内应用里面，输入devtools

Chrome浏览器中的vue插件devtools的下载方式（使用Chrome应用商店/科学上网情况下）,前端工具网站/软件/插件,Vue,vue.js,前端

Chrome浏览器中的vue插件devtools的下载方式（使用Chrome应用商店/科学上网情况下）,前端工具网站/软件/插件,Vue,vue.js,前端

然后点Chrome浏览器右上角的

三个点-设置-扩展程序

Chrome浏览器中的vue插件devtools的下载方式（使用Chrome应用商店/科学上网情况下）,前端工具网站/软件/插件,Vue,vue.js,前端

上图设置1,2,3这些是为了防止出现显示Vue.js not detected这个情况

Chrome浏览器中的vue插件devtools的下载方式（使用Chrome应用商店/科学上网情况下）,前端工具网站/软件/插件,Vue,vue.js,前端

记得要打开开发者模式

Chrome浏览器中的vue插件devtools的下载方式（使用Chrome应用商店/科学上网情况下）,前端工具网站/软件/插件,Vue,vue.js,前端

点devtools的详情

Chrome浏览器中的vue插件devtools的下载方式（使用Chrome应用商店/科学上网情况下）,前端工具网站/软件/插件,Vue,vue.js,前端打开允许访问文件网址

Chrome浏览器中的vue插件devtools的下载方式（使用Chrome应用商店/科学上网情况下）,前端工具网站/软件/插件,Vue,vue.js,前端

然后点左上角的更新

测试阶段：

启动一个vue项目

然后F12打开控制台

显示里面多出来一个vue,则表明下载安装devtools成功

Chrome浏览器中的vue插件devtools的下载方式（使用Chrome应用商店/科学上网情况下）,前端工具网站/软件/插件,Vue,vue.js,前端文章来源地址https://www.toymoban.com/news/detail-624288.html

到了这里，关于Chrome浏览器中的vue插件devtools的下载方式（使用Chrome应用商店/科学上网情况下）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

Chrome 浏览器安装Vue2、Vue3插件方法 (详细有效)

因为谷歌商城需要翻墙，很多人进不去，无法下载vue插件。推荐一个好用的网站“极简插件”，里面有很多的谷歌应用插件可以下载。下载插件地址点击上方链接，在极简插件里搜索如图下载，根据自己需要进行下载。点开扩展程序页面，方面后面把插件拖进去以

2024年02月12日
浏览(42)
chrome 浏览器在 112 正式版本以及 114 canary 版本从 devtools 控制台复制文本不会复制高亮显示的文本？

我的 chrome 浏览器版本如下：版本 112.0.5615.138（正式版本）（64 位）今天我在写代码的时候报错了，看了一下控制台浏览器，是某个属性没有定义，然后我双击这个属性名称 ctrl + c 复制，最后粘贴的时候发现文本不正确，离了个大谱！我特意找了一下这个 bug：https://bu

2023年04月22日
浏览(50)
【Vue/Js】如何解决谷歌浏览器（chrome）扩展插件安装后，再打开自动消失问题（两种解决方案）

卸载后，再重新从官网下载最新版安装。注意：卸载一定要把缓存数据都卸载干净。 1、打开设置 2、选择百度或360 极简插件_Chrome扩展插件商店_优质crx应用极简插件是一个优质Chrome插件扩展收录下载网站，收录热门好用的Chrome插件扩展，国内最方便的插件下载网站。 htt

2024年02月05日
浏览(53)
如何开发一个chrome浏览器插件

目录前言 chrome扩展程序文件结构 manifest.json html和css js 加载插件调试总结当前，chrome浏览器早已成为占据最大的市场份额，也是综合体验最好的浏览器，开发人员使用的浏览器基本都以它为主。我在使用chrome的过程中，积累增加了很多书签，最多的时候接近上千个，后续

2024年02月08日
浏览(39)
vue-devtools浏览器调试工具离线安装教程

vue-devtools浏览器调试工具离线安装是下载源码，通过本地编译之后，在放到浏览器上 [ 不推荐 ]在github下载devtools源码，地址：https://github.com/vuejs/vue-devtools [ 推荐 ]在gitee(码云)下载devtools源码，地址：https://gitee.com/mirrors/vue-devtools?_from=gitee_search 我这边选择是标签里的v6.5.0 然后

2024年02月09日
浏览(36)
谷歌浏览器（chrome）安装crx插件

1、下载crx插件 2、插件扩展名改名为zip 3、解压zip文件 4、打开谷歌浏览器扩展程序 chrome://extensions/ 5、打开开发者模式，加载已解压的扩展程序，安装成功即如图展示

2024年02月11日
浏览(45)
Chrome 浏览器插件 cookies API 解析

前端开发肯定少不了和 cookie 打交道，此文较详细的介绍下 chrome.cookie 的 API 以及在 popup、service worker、content 中如何获取的如果需使用 Cookie API ，需要在 manifest.json 文件中添加权限（ Permissions ）和主机权限（ host_permissions ）字段比如，我需要获取 domain 为 .lkcoffee.com 的 cook

2024年01月21日
浏览(45)
Chrome浏览器安装Axure-Chrome-Extension插件

Chrome 浏览器打开 Axure 生成的 HTML 静态文件页面时，会显示如下图 AXURE RP EXTENSION FOR CHROME ，这是因为 Chrom e 浏览器没有安装 Axure 插件 Axure-Chrome-Extension 导致的。 1.下载Axure-Chrome-Extension插件压缩包并解压： 2.打开Chrome浏览器，右上角菜单中找到 “扩展程序---管理扩展程序”；

2024年02月22日
浏览(39)
chrome浏览器必备5款插件--各个都好使--chrome基础

办公电脑在使用固定期限后，又到了新换电脑的时候，本次新电脑到手后，在浏览器方面依然选择了已经熟悉的chrome浏览器，有一句话说的对，没有插件的chrome浏览器是没有灵魂的。所以在沿用chrome浏览器后，这次也对前期使用的chrome浏览器插件进行了重新的审视和用途的重

2024年02月09日
浏览(31)
chrome 谷歌浏览器导出插件拓展和导入插件拓展

给同事部署微软 RPA时，需要用到对应的chrome浏览器插件；谷歌浏览器没有外网是不能直接下载拓展弄了半小时后才弄好，竟发现没有现成的教程，遂补充；谷歌浏览器地址栏敲在对应的地址下，找到对应的插件存放位置；在该文件夹中，对应id找到对应的文件直接引用这

2024年02月09日
浏览(45)