关于Vue DevTools插件安装

G-Fighting

已于 2022-04-20 21:57:58 修改

阅读量659

点赞数 1

文章标签：前端 vue chrome devtools

于 2022-04-20 21:53:01 首次发布

本文链接：https://blog.csdn.net/weixin_46720461/article/details/124308191

版权

安装Vue DevTools时，提示如下截图，网上参考了一些建议但是也没有能解决问题

我的解决方法：【亲测有效，并且成功】

1、下载文件：下载时选择add-remote-devtools分支vue-devtools: vue调式工具 - Gitee.comhttps://gitee.com/klausqtp/vue-devtools/tree/add-remote-devtools/

2、解压缩文件

3、npm install (或者yarn install)

4、npm run build

5、在谷歌浏览器的扩展程序选择已经解压缩的文件【选择解压缩的文件时要选到Chrome文件夹才能成功添加Vue DevTools插件】

然后重新打开浏览器时，就可以看到右上角显示了Vue的图标

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

G-Fighting

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
关于Vue DevTools插件安装

安装Vue DevTools插件时，提示清单文件缺失或不可读取，无法加载清单。
复制链接

扫一扫

谷歌浏览器vue插件vue-devtools

04-10

谷歌浏览器vue插件vue-devtools

下载并安装vue-devtools（详细步骤）

m0_67401228的博客

03-09

2万+

1,访问github地址：https://github.com/vuejs/devtools下载安装包（zip）（之前是dev和master分支，现在没有了，现在找的这个分支能用）； 2，进入到解压后的devtools-add-remote-devtools包中，在文件夹路径中打开cmd窗口，执行npm i（如果慢的话可以使用cnpm淘宝镜像： npm install -g cnpm --registry=https://registry.npm.taobao.org） 3,然后执行npm run bu

参与评论您还未登录，请先登录后发表或查看评论

浏览器安装VUE插件的纤细介绍来了

最新发布

2302_80695016的博客

07-26

233

谷歌浏览器安装Vue插件，详细步骤，谢谢收看

Vue_devtools工具安装

weixin_42457016的博客

09-04

105

1先安装完node,npm,webpack node去官网下就好了，npm会在安装完node后自动装上 webpack在4.x版本之后，需要安装webpack_cli才能查看webpack的版本 webpack安装具体操作 https://jingyan.baidu.com/article/a3a3f811230ee58da3eb8a6e.html 2选择devtools的master分支（不要下载dev分支！run build时会报错！） maser分支下载地址为 https://gith..

mac安装vue-devtools

小天空的博客

09-20

4293

一.先查看电脑是否安装了node没有安装node则需要安装nodemac 安装node.js第一步：官网下载访问nodejs官网，链接: https://nodejs.org/en/，选择红色选框内的点击安装。LTS是稳定版。Current是最新版本，最新的功能特性都在这里面。第二步：安装点击在 Finder 中显示，双击刚下载的文件，按步骤默认安装就行。第三步：验证安装完成后，打开终端，输入 npm -v 和 node -v两个命令,

Vue devtools插件 6.1.3

05-29

Vue devtools插件 6.1.3

Vue Devtools谷歌浏览器插件下载

07-06

安装Vue Devtools的步骤如下： 1. 首先，你需要下载Vue.js-devtools_v5.3.3这个压缩包文件。 2. 解压缩文件，确保得到的是一个不包含任何子文件夹的文件夹，其中包含Vue Devtools的扩展程序文件。 3. 打开谷歌浏览...

vuedevtools离线包安装

03-23

这个“vuedevtools 离线包安装”流程是为了帮助开发者在没有网络或者网络环境不稳定的情况下，仍然能够便捷地安装和使用 Vue DevTools。首先，Vue.js 是一个流行的前端框架，由尤雨溪开发，它提供了一种声明式、...

Vue Devtools插件.zip

07-21

安装Vue Devtools非常简单，正如描述中提到的，只需将下载的“Vue Devtools插件”文件拖拽到浏览器的扩展程序管理页面，然后按照提示安装即可。目前，Vue Devtools支持Chrome、Firefox等主流浏览器。在实际开发中...

Vue.js devtools谷歌插件

03-14

安装Vue.js devtools的过程非常简单，首先需要确保你正在使用的是谷歌浏览器或基于Chromium内核的浏览器，因为该插件不支持其他浏览器。然后，你可以从Chrome网上应用店直接搜索并添加到浏览器，或者通过描述中提到...

vue-devtools-简介、下载、安装、配置、使用

记录和分享属于我的“IT”时光

03-21

2万+

vue-devtools-简介、下载、安装、配置、使用

vue-devtools的安装与使用

qq_44552416的博客

07-07

2115

2，安装完成后，进入该文件下的node_modules 文件，找到 vue-devtools 文件，将vender 文件下的 manifest.json ，修改persistent 为 true。components：显示当前点击组件的可用数据,并可以修改和添加，修改可实时反应在界面中，非常方便调试一些业务流程比较繁琐，可以任意展示其中的一步操作的界面。events：记录事件，比如点击事件，当你点击之后，这里会显示出来点击事件来源于哪一个组件，以及事件名等信息。只有在本地运行的项目才能查看。

使用github安装vue-devtools

weixin_43704992的博客

05-08

2462

有时候我们可能无法打开谷歌应用商店安装vue-devtools，那么可以试着从github上将vue-devtools下载下来安装。第一步：去到 https://github.com/vuejs/devtools 选择 add-remote-devtools 第二步：下载后保存到自己指定的文件夹中，并解压解压后的文件夹第三步：进入解压后的文件夹并在该文件夹中打开cmd命令行在命令行中输入命令 npm install 下载完成后执行：npm run build 命令第四步：编译完成后找到文

前端同学必备：教你如何安装、使用Chrome的vue-devtools插件

04-04

5653

Vue-devtools是一个Chrome浏览器插件，它是一个浏览器调试工具，用于开发Vue.js应用程序。它可以用于Vue.js应用程序的调试，可以更好地了解应用程序的结构和状态，以及帮助快速修复代码错误。

下载、编译、安装、使用 vue-devtools

热门推荐

weixin_59916662的博客

10-17

2万+

下载、编译、安装、使用vue-devtools

如何安装vue的dev-tools插件

weixin_49827467的博客

07-17

1208

4、打开Chrome浏览器，右上角的设置三点图标——更多工具——扩展程序——打开开发者模式。6、等待会，出现vue.js的图标，选择加入扩展程序；这个时候插件已经成功安装了；5、把解压好的dev-tools插件拖到 Chrome浏览器；2、搜索Vue，选择——Vue Devtools。7、点击插件详情，找到允许访问文件网址，打开；8、关闭浏览器，重新启动项目，就可以使用啦；3、点击推荐下载，解压。1、百度搜索极简插件。

牛X的vue调试神器Vue Devtools

我本可以容忍阳光，如果我不曾见过太阳，然而阳光已使我荒凉，成为更新的荒凉。

09-12

1150

关注入坑互联网，回复“加群”加入我们一起学习，天天进步前言vue-devtools是一款基于chrome浏览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率。接下来我们就介绍一下vue-devtools的安装。chrome商店直接安装 vue-devtools可以从chrome商店直接下载安装，非常简单，这里就不过多介绍了。不过要注意的一点就是，需要翻墙才能下载。工欲善其事, 必先...

【Vue】全家桶之vue-devtools

在这里你大概率会有所收获，欢迎指错||纠正||建议||水评+点赞&&评论&&关注&&转发

08-08

8575

Vue Devtools 是 Vue 官方发布的调试浏览器插件，可以安装在 Chrome 和 Firefox 等浏览器上，直接内嵌在开发者工具中，使用体验流畅。Vue Devtools 由 Vue.js 核心团队成员 Guillaume Chau 和 Evan You 开发。

vue devtools插件 6.1.3 下载

11-06

Vue Devtools是一个浏览器插件，能够提供对Vue.js应用程序的调试和性能分析功能。在Vue 2.x版本中，Vue ...总之，通过下载安装Vue Devtools插件，您可以更方便地调试和分析Vue.js应用程序，提升开发效率和代码质量。