【Vue】vue-devtools调试工具安装和配置

已于 2023-02-01 09:31:34 修改
阅读量1k 收藏
点赞数
分类专栏： Vue 文章标签： vue
于 2023-01-30 20:30:14 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_51481135/article/details/128700953
版权
最低0.47元/天 解锁文章
Vue调试工具vue-devtools的安装
qq_35066582的博客
12-12 1058
今天重新学习vue的时候，把之前没有安装的Vue调试工具vue-devtools给安装了一下，安装步骤如下： 1. 访问网址：https://chrome-extension-downloader.com/来到下面这个界面，找到Vue.js-devtools(v5.3.3)，点击下载到本地 2. 下载后的文价夹名为：Vue.js-devtools_v5.3.3.crx，后缀名为crx，那么如何解压这个文件呢？ 3. 解压Vue.js-devtools_v5.3.3.crx文件：将Vue.js-de
VUE 配置vue-devtools调试工具及安装方法
01-19
1. 通过 Git 克隆项目到本地 git clone ...3.修改安装目录vue-devtools\shells\chrome 中 的manifest.json文件。 将persistent 参数改为 true，如下图： 4. 将扩展程序添加到chrome浏览
vue-devtools的安装与使用
热门推荐
weixin_43843572的博客
05-26 8万+
vue-devtools的安装与使用
Vue.js开发者工具：Vue Devtools实战指南
最新发布
weixin_35592186的博客
05-01 948
Vue.js，一个轻量级、渐进式JavaScript框架，由前谷歌工程师尤雨溪于2014年推出，旨在简化Web界面的开发。起源于早期的AngularJS项目，Vue.js迅速发展，成为前端开发者最受欢迎的框架之一。它的轻量级特性和易学易用的API使得它在短时间内吸引了大量开发者。Vue Devtools 是一个扩展程序，能够为 Vue.js 应用程序提供强大的调试能力。其基本功能包括但不限于：组件树的可视化检查、状态监控、事件监听以及时间旅行调试等。
vue.js的devtools安装
爬虫 的博客
10-16 521
安装 1.github下载地址：https://github.com/vuejs/vue-devtools 2.下载好后进入vue-devtools-master工程  执行npm install ----->npm run build. 3.修改manifest.json 中的persistent为true   4.打开谷歌浏览器设置--->扩展程序--》勾选开发者模式---》添加
Vue调试工具的安装
m0_53415205的博客
02-04 3016
Vue调试工具的安装 第一种方法： 1、chrome浏览器输入地址“chrome://extensions/”进入扩展程序页面 2、点击右上角按钮，勾选开发者模式 3、点击“加载已解压的扩展程序”按钮，选择解压后的chrome文件夹，或直接将解压文件拖入窗口，即可添加成功。 4、添加完vue-devtools扩展程序之后，浏览器打开vue项目便可调试， 安装包链接：https://pan.baidu.com/s/1WmYbIKMkXy9fKSQcD2hdsQ 提取码：poz7 第二种方法： 1.http
Vue的调试工具安装
qq_44741577的博客
02-02 1497
只有在含有Vue的网页中才有如下选项。访问极简插件官网搜索devtools。点击 Chrome 浏览器。
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的第三个...
vue2.0-devtools谷歌浏览器调试工具和vue3.0-devtools谷歌浏览器调试工具
08-19
该资源包括vue2.0-devtools谷歌浏览器调试工具和vue3.0-devtools谷歌浏览器调试工具，具体安装方法参考我的博客https://blog.youkuaiyun.com/dxnn520/article/details/121088688，如还不会，可私信我。
vue安装调试工具
我是一枚程序员
01-02 475
只需要下载这个压缩包，谷歌浏览器输入chrome://extensions/。把开发者模式打开，点击加载已解压的扩展程序，选择刚才解压缩的文件包即可，就是这么easy！记录下。 下载地址 链接：https://pan.baidu.com/s/1Is6_-4hLNu4xd9fmPW3UzA 提取码：qjy3 ...
vue调试工具vue-devtools的安装
seimeii的博客
04-29 1603
1.vue-detools是什么 1.vue-devtools是一款基于chrome浏览器的插件，用于vue应用的调试 2.这款vue调试神器可以极大地提高我们的调试效率。帮助我们快速的调试开发vue应用。 1.第一步： 我们可以先从github上找到vue-devtools的项目，下载到本地。下载vue-devtools链接。 克隆方法：git clone https://github.com/vuejs/vue-devtools.git 2.第二步： 解压下载好的文件，进入到vue-devto
vue调试工具——vue tools安装
fxnfk
05-16 6481
参考：https://www.cnblogs.com/yuqing6/p/7440549.html 从github下载zip：https://github.com/vuejs/vue-devtools，解压。 在vue-devtools目录下安装依赖包： cnpm install 修改manifest.json文件 在这个目录下：E:\迅雷下载\前端\vue\vue-devtools...
vue.js调试工具安装
鲁花花生油
05-09 498
1.vue官网 https://cn.vuejs.org/ 2.官网右上角的生态系统里下拉的官方仓库 3.找到vue-devtools 4.找到相对应的点过去，得翻墙才能访问到哦 5.点击添加，添加完刷新页面即可(我这里已经添加，所以显示删除) 6.有这个就成功了 完结，撒花 ...
vue---调试工具vue-devtools安装和配置
厚积薄发.
08-12 3906
vue 的调试工具 vue-devtools 安装和配置。vue 官方提供的 vue-devtools 调试工具，能够方便开发者对 vue 项目进行调试与开发。Chrome 浏览器在线安装 vue-devtools注意：vue2 和 vue3 的浏览器调试工具不能交叉使用！点击游览器右上角三个小点、更多工具、扩展程序。点击左上角的 ”三杠“，然后点击 ”打开 Chrome 应用商店“3.进入以后......
vue调试工具安装vue-developer-tools
weixin_43671128的博客
04-14 249
vue调试工具安装vue-developer-tools
Vue的开发者调试工具（devtools5.3.4）安装
weixin_45204443的博客
04-15 5435
1.下载Vue的开发者工具 链接：https://pan.baidu.com/s/17u8tWbdHkwdp-53umieNlw 提取码：zlss （如果过期了，请评论区说一下） 2.安装开发者工具（Chrome和Egde浏览器） （1）在Chrome浏览器安装的方式： ①点击浏览器右上角三个点 ②点击更多工具--->点击扩展程序 ...
vue devtools调试工具安装（详细）
weixin_46911985的博客
02-06 2554
下载完成后，进入该文件下的node_modules 文件，找到 vue-devtools 文件，进入此文件夹，将其中vender 文件夹下的 manifest.json文件 进行编辑，修改persistent 为 true，保存文件。最后将vender 文件拖至浏览器的扩展程序中，重启浏览器就可以使用了。打开浏览器找到扩展程序（以谷歌为例），并勾选开发者模式，点击出现的“创建一个空的文件夹，命名最好可以见名知意，复制目录后打开命令行。
安装vue 调试工具 devtools
qq_40410916的博客
08-17 207
首先进入官网 然后选择tag一个稳定版本下载包zip 在解压后命令执行 执行 yarn install 打包 yarn run build 在浏览器选择添加扩展
Vue项目调试工具：vue-devtools安装及使用
xiaoge_586的博客
02-03 1013
1、安装 a、下载vue-devtools压缩包 使用命令或者直接进入网址下载： 网址：https://github.com/vuejs/vue-devtools 命令：git clone https://github.com/vuejs/vue-devtools b、进入vue-devtools-master文件夹中，在vue-devtools目录下安装依赖包 cnpm install c、输入命令cnpm run build，生成最终的文件 npm run build d、修改参数文件：ma
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值