VueJs 调试工具——vue-devtools

最新推荐文章于 2024-12-25 16:38:54 发布
最新推荐文章于 2024-12-25 16:38:54 发布
阅读量463 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： Vue.JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/hlx20080808/article/details/82837550
本文详细介绍了如何在Chrome浏览器上手动安装下载的插件，并通过修改manifest.json文件启用特定功能。同时，指导读者如何启动Vue项目并使用浏览器开发者工具进行调试。

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

文件下载地址

第一步

将下载好的文件拖到chrome拓展栏中（更多工具=>拓展程序）

第二步

修改配置文件：
C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\Extensions\nhdogjmejiglipccpnnnanhbledajbpd\3.1.2_0
如图：

打开文件“manifest.json ”修改参数（将false改成true），如下图：

第三步

打开vue项目（npm run dev），按F12点击vue选项。如下图：

 

 

Vue开发工具vuejs-devtools超级详细安装教程以及常见问题解决
bsefef的博客
03-09 556
这绝对是最详细的Vue开发工具vuejs-devtools安装教程，相信你只需要5分钟即可解决所有问题 所需的所有文件，链接：https://pan.baidu.com/s/19GWDS_7GodIdFBUO0eTDAg 提取码：2yvc 一、vue.js插件下载 下载地址：vue.js插件下载； 点击进入Vue官网即可下载，共有两种版本的插件（开发版本：vue.js，生产版本：vue.main.js），建议使用开发版本。开发版本有更多的错误信息提示和调试，文件较大，生产办文件小但是很多提示不全，解决开发
Vue.js2.0基础：Vue Devtools——vue开发调试神器
青红造了个大白之成长记
05-09 2712
安装 用chrome浏览器访问以下地址，就可以在chrome商店找到我们的Vue Devtools插件。 地址： https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd 点击右上角“添加至CHROME”,开始安装。 浏览器会对我们进行询问提示，我们选择...
vue-devtools
06-07
vue开发工具vue-devtools
Vue调试工具 vue-devtools
taurus102的专栏
12-22 418
一、环境依赖： 二、安装包下载 直接进入官网，下载zip(注意下载master分支的)（不然会出问题） ​https://github.com/vuejs/vue-devtools 三、安装构建 1、解压缩，并进入vue-devtools-master，shift+右键 进入cmd或者shell命令行； 2、输入安装命令 npm install； 如果有报错或者想提高速度，可以使用cnpm install。如果...
devTools百度网盘
bugBuilder
05-31 509
链接：https://pan.baidu.com/s/1DmFb3DAiMigcmCUVI9Wfow 提取码：x4fw vue和react都有 拿走不谢!
在chrom浏览器安装Vue.js devtools插件，遇到恶意扩展程序字样，附百度网盘下载链接
wang13679201813的博客
10-20 1090
链接：https://pan.baidu.com/s/1FeK6pwc2UzRUUlMFN3rW5w?拖拽下载好的 Vue.js devtools 插件到谷歌扩展程序，
vue-devtools-dev
02-13
vue调试工具，给那些网络被墙了的人准备的，方便下载。
vue调试工具vue-devtools安装及使用方法
12-12
在开发过程中，为了提高效率和精确调试，Vue 提供了一个强大的调试工具——Vue DevTools。这款工具允许开发者深入查看 Vue 应用的状态，包括组件树、数据、计算属性、依赖关系等。下面我们将详细介绍 Vue Devtools ...
提升Vue应用调试效率的Chrome插件——vue-devtools
Vue-devtools则是专为Vue.js应用设计的Chrome扩展工具，它允许开发者深入检查和调试Vue.js应用中的数据流和组件结构。 Vue-devtools的功能主要包括以下几个方面： 1. **组件检查**：可以查看组件树，包括每个组件的...
Vuejs-devtools
04-19
Vuejs-devtools是一款专为Vue.js开发者设计的强大调试工具，它可以集成到谷歌浏览器（Chrome）中，极大地提升了Vue项目的调试效率。Vue.js是目前非常流行的前端JavaScript框架，它以其轻量级、组件化的设计理念受到...
Vue.js devtools
12-13
当使用 Vue 时，我们推荐同时在你的浏览器上安装 Vue Devtools，它允许你在一个更加友善的界面中审查和调试你的 Vue 应用。
vue-devtools.zip
04-21
谷歌插件vue-devtools压缩包，直接扩展程序下 点击 加载已解压的扩展程序 选择shells\chrome
vue-devtools-5.4.3-chrome
最新发布
02-12
chrome浏览器上的vue调试插件devtools，版本号5.4.3，适用于vue2
vue调试工具 Vue.jsDevtools
meng70345meng的专栏
12-25 453
文件下载。
vue-devtools-4.1.4_0 插件下载分享
野的博客
05-22 843
链接: https://pan.baidu.com/s/1sOzVJ_GG9xSsGGyQDHLbBw 提取码: gi8h
Chrome（谷歌浏览器）安装Vue插件vue-devtools(最新版+图文详解附带免费下载地址)
m0_56245036的博客
08-13 7764
链接: https://pan.baidu.com/s/1L21kNwu8rp2fHkpz5Fwu-w?pwd=n5uu 提取码: n5uu。因为Chrome浏览器的扩展商城的一些问题，需要进行一些特殊操作，咱们废话少说。在浏览器地址栏输入chrome://extensions/然后把刚刚下载文件夹中的xxx.crx,拖入浏览器当中。不会拖可以看一下文件中的视频。实现去下载百度网盘下载。...
安装vue的辅助工具vue-devtools
请叫我书生的博客
04-06 328
话不多说 直接操作 百度网盘地址：https://pan.baidu.com/s/13wieoiamUrcWyKrKlMQcSw 密码：alx3 下载之后 是一个.crx文件 将这个文件直接拖入 谷歌浏览器的扩展工具中 然后重启浏览器 看看有没有 如果没有的话 点击详细信息 修改里面的 至此完成了 ...
Vue之vue-devtools安装分享
weixin_42331327的博客
05-06 858
1. 文件信息 vue-devtools压缩包分享在百度网盘中： 链接：https://pan.baidu.com/s/1VZT5umWNlaOZv6WMR2H6aw 提取码：fi3v 2.安装过程 安装的方法如下：先将压缩包解压，再打开谷歌浏览器—》点击设置—>扩展程序–》勾选开发者模式—》加载已解压的扩展程序—》选择“chrome扩展”文件夹！！！ 以上完成后在浏览器中看到如下标志说...
Vue.js devtools 6.1.4 免费下载
binbinyouli301的博客
05-07 2759
直接将crx文件拖入chrome浏览器，安装即可 链接：https://pan.baidu.com/s/1k6IWsowTWfDgBZuEgvAbTw?pwd=pazb 提取码：pazb
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值