如何安装vue-devtools

最新推荐文章于 2025-03-15 13:55:03 发布
最新推荐文章于 2025-03-15 13:55:03 发布
阅读量293 收藏
点赞数
分类专栏： 前端杂文
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_36763293/article/details/86214486
版权
本教程详细介绍了如何从GitHub下载Vue开发者工具，包括解压、使用命令行工具进入目录、执行命令、修改配置文件等步骤，并指导如何在谷歌浏览器中启用此工具。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

首先去GitHub下载https://github.com/vuejs/vue-devtools

解压

使用命令行工具进入到该目录文件夹下

执行命令完成后再输入

打开这个目录

修改json文件，改为true

 

谷歌浏览器再拓展程序里面打开开发者模式；

然后把这个文件夹拖入浏览器

安装完成

vuedevtools安装
03-02
vuedevtools安装中chrome扩展，里面包含了安装的方法
vue - devtools 安装
mon_star°的博客
07-29 1959
vue是现在比较火的一个框架，加上去年vue3的发布，更推动了vue一个层级vue开发项目，自然少不了他的调试工具,这个非常好用，对vue开发者来说，这简直是福音，下面我们一起来看一下他的安装使用吧。方式一：通过 Chrome 应用商店安装简单方便但是需要梯子方式二：通过离线安装包安装方式三：下载源码编译安装。
Vue开发者工具(VueDevtools)下载与安装
最新发布
2301_76272808的博客
03-15 480
写的一个demo，如果有vue代码的话，就会亮起来的。然后把这个文件移动到谷歌插件里面,开启开发者模式。输入 vue.js.devtools并访问。点击详情,开启一些权限。
如何安装vue-devtools（超简单）
庸人方自扰，自在就好
12-01 6578
vue-devtools的安装有两种方法，第一种是通过谷歌应用商店进行安装，第二种是手动安装： 方法一（通过谷歌应用商店进行安装，需要翻墙）： 打开谷歌的更多工具-扩展程序，打开左上角的“主菜单”，点击下面的“打开Chrome网上应用店”，这个应用商店是需要翻墙的，一般同学是打不开的！ 能打开的同学搜索Vue.js devtools，把第一个扩展程序添加至Chrome即可。 方法二：（手动安装，无需翻墙） 1、打开https://github.com/vuejs/vue-devtools 2
怎么安装vue-devtools
qq_50276105的博客
08-12 2333
选择并打开vender文件：最终插件会出现在浏览器扩展程序列表中：
vue-devtools的安装与使用
热门推荐
weixin_43843572的博客
05-26 8万+
vue-devtools的安装与使用
vue-devtools-6.6.4-chrome
02-12
在本例中，文件名"vue-devtools-6.6.4-chrome"指明了这是一个特定版本（6.6.4）的Vue开发工具插件，专门用于Google Chrome浏览器。由于"描述"中提到它适用于Vue3，这意味着该版本的Vue-devtools支持Vue.js的第三个...
vue-devtools
03-27
在Chrome、Firefox等主流浏览器上安装Vue Devtools后，开发者可以在浏览器的开发者工具中找到Vue标签页。这个标签页分为以下几个部分： 1. **组件树**：展示了应用中的所有Vue组件及其嵌套关系。你可以查看每个组件...
chrome-vue-devtools
02-08
其中，devtools.html和devtools-background.html是与用户界面交互相关的文件，webpack.config.js是用于配置Webpack打包工具的文件，manifest.json是扩展程序的配置清单文件，而package.json是Node.js项目的配置文件...
安装vue-devtools时，npm install总是报错的解决方案
03-14
安装vue-devtools时，npm install总是报错的解决方案 亲测有效！！！
Vue dev-tools的安装
那些年踩过的“坑”
11-14 542
2.极简插件：搜索 Vue -> 下载解压 -> 浏览器扩展模式打开，开发者模式 -> 将解压的CRX文件拖拽安装 ->3.如下图，打开Vue 运行的页面，则可以进行调试；如果没有显示，大概率是 插件详情中没有给两个允许的权限；安装 Vue 开发者工具，装插件调试Vue应用。（1）允许访问文件；（2）允许无痕下访问；1.通过谷歌应用商店来进行安装（国外网站）
vue-DEVTOOLS浏览器直接安装
03-08
vue-DEVTOOLS浏览器直接安装。查看过很多博客大多数都是，要安装Vue-Devtools，在一个github下面用git clone或者手动下载一个叫做vue-devtools-master的文件。然后呢，你就要用npm进行install，然后再npm install build。所以这意味着你又要去找npm来装，你会发现，最简便的方法就是下一个集成的node.js。一番辛苦了之后，你就会发现npm安装好了之后，npm install build又会出现一大串的问题。请问哪有那么多时间去google，baidu这些问题？ 该文件可以直接在google中扩展安装。不用再去npm了。一秒完成
vue-devtools的安装
mengran_code的博客
09-24 328
(前提是安装了node)。新建一个文件夹，然后执行。工程，就能在控制台看到。谷歌浏览器的扩展程序。
Vue调试工具vue-devtools的安装与使用_vue调试工具安装
2401_84447112的博客
04-29 1711
主要介绍vue-devtools的安装与使用。
vue-devtools的安装：Chrome安装Vue插件vue-devtools
单口相声Jay
03-26 1141
目录1.下载Vue Devtools调试工具2.下载成功后，解压文件3.打开命令行工具4.执行npm instal1或cnpm install命令来安装依赖5.执行npm run build命令来构建vue-devtools6.在Chrome浏览器中安装vue-devtools插件7.点击右上角的“开发者模式”开关8.点击”加载已解压的扩展程序”按钮9.点击“选择文件夹"按钮10.结尾
vue-devtools安装过程
太阳与星辰的博客
02-25 860
vue-devtools安装过程
下载、编译、安装、使用 vue-devtools
weixin_59916662的博客
10-17 3万+
下载、编译、安装、使用vue-devtools
如何安装vue-devtool调试工具
weixin_30815469的博客
06-12 210
1.从git上下载工具压缩包，github下载地址：https://github.com/vuejs/vue-devtools； 2.打开cmd，切换到下载的文件目录下：npm install---->npm run build; 3.打开shells>chrome>manifest.json并把json文件里的"persistent":false改成true； ...
尤雨溪开发的 vue-devtools 如何安装，为何打开文件的功能鲜有人知？
u012384510的博客
08-08 313
1. 前言大家好，我是若川。最近组织了一次源码共读活动。每周读 200 行左右的源码。很多第一次读源码的小伙伴都感觉很有收获，感兴趣可以加我微信 ruochuan12，拉你进群学习。第一周...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值