vue-如何快速安装vue.js devtools工具

最新推荐文章于 2024-05-07 09:31:15 发布
最新推荐文章于 2024-05-07 09:31:15 发布
阅读量271 收藏
点赞数
分类专栏： vue 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yt1318519610/article/details/125536033
版权

1.在本地新建一个文件夹，文件夹名字有易于区分，后续要用，不能删

 

2.在当前目录下打开cmd，输入命令npm install vue-devtools

 

3.进入目录D:\软件\vuejsdetools\node_modules\vue-devtools\vender，修改manifest.json中的"persistent"值为true

 

4.在浏览器中打开扩展程序 ，并开启开发者模式

5.将安装好的vue-devtools中的vender文件夹拉到扩展程序中

6.最终结果，重启浏览器即可生效

 

 

 

yt1318519610
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-devtools安装工具包.zip
03-23
内附已用npm处理过的vue-devtools工具包，已配置过源码文件，直接拿来用即可。利用vue-devtools工具包安装vue-devtools的具体操作过程可查看博主主页文档，操作简单，便于上手。
网页 js 逆向分析 ( v_jstools )、jshook ( 安卓上用js实现Hook )
freeking101的博客
12-02 1万+
网页 js 逆向分析( v_jstools )、安卓jshook( 用Js实现Hook )
如何安装vue-devtools（超简单）
庸人方自扰，自在就好
12-01 5370
vue-devtools的安装有两种方法，第一种是通过谷歌应用商店进行安装，第二种是手动安装： 方法一（通过谷歌应用商店进行安装，需要翻墙）： 打开谷歌的更多工具-扩展程序，打开左上角的“主菜单”，点击下面的“打开Chrome网上应用店”，这个应用商店是需要翻墙的，一般同学是打不开的！ 能打开的同学搜索Vue.js devtools，把第一个扩展程序添加至Chrome即可。 方法二：（手动安装，无需翻墙） 1、打开https://github.com/vuejs/vue-devtools 2
2024年最全vue调试工具vue-devtools安装及使用(支持vue3版本)(1)，面试完腾讯我才发现这些知识点竟然没掌握全
最新发布
2401_84619467的博客
05-07 1371
全网独播-价值千万金融项目前端架构实战从两道网易面试题-分析JavaScript底层机制RESTful架构在Nodejs下的最佳实践开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】一线互联网企业如何初始化项目-做一个自己的vue-cli思维无价，看我用Nodejs实现MVC代码优雅的秘诀-用观察者模式深度解耦模块前端高级实战，如何封装属于自己的JS库VUE组件库级组件封装-高复用弹窗组件cd devtools-6.0.0-beta.153.安装所需npm依赖包，这里建议用国内淘
Web 前端 之 Vue 浏览器调试工具 Vue.js devtools 安装(三种方法)的简单整理
仙魁XAN
10-28 4892
一、简单介绍 Web 开发的一些知识整理，方便后期遇到类似的问题，能够及时查阅使用。 本节介绍，Vue 浏览器调试工具 Vue.js devtools 安装，这里做简单整理，如果有不足之处，欢迎指出，或者你有更好的方法，欢迎留言。 vue-devtools是一款基于chrome浏览器的插件，用于vue应用的调试，这款vue调试神器可以极大地提高我们的调试效率。帮助我们快速的调试开发vue应用。 接下来将介绍三种安装方法。 二、相关环境 1、Windows 10 2、Goog...
vue中devTools插件安装教程
weixin_62897746的博客
10-01 7480
为了更方便的在开发过程中对 Vue 程序进行调试，除了传统的浏览器自带的 debug 工具以外，我们还可以通过一些专门为 Vue 提供的扩展插件来进行调试
vue-devtools最新版本安装教程（vue-devtools6.5.0）
vue-cli脚手架初始化代码
07-06 6816
vue-devtools安装教程
Vue.js devtools 6.5.1
04-18
Vue.js devtools 是一款用于 Vue.js 应用程序开发的浏览器扩展工具，它可以帮助开发者更轻松地调试和分析 Vue.js 应用。这个扩展提供了诸如组件树、状态管理器、事件触发、性能分析等功能，使开发者可以更好地理解和...
Vue.js devtools 3.1.5
03-09
Vue.js Devtools是一款强大的前端开发工具，专为Vue.js应用程序设计，用于提升开发和调试的效率。这款插件在Chrome和360安全浏览器中均可使用，版本号为3.1.5，它包含了丰富的功能，帮助开发者深入理解Vue应用的运行...
vue.js devtools 离线 插件 最新版本 6.2.1
08-16
现在chrome应用市场，打不开了。 下载了插件有的时候会被自动删除。 vue.js devtools 离线插件 最新版本 6.2.1 亲测可用
Vue.js Devtools CRX 6.0.0beta10.rar
05-25
Vue.js Devtools是一款强大的开发者工具，专为Vue.js框架设计，用于帮助开发人员在谷歌浏览器上进行高效且精准的前端应用调试。这个压缩包“Vue.js Devtools CRX 6.0.0beta10.rar”包含的是Vue.js Devtools的最新...
vue-devtools-简介、下载、安装、配置、使用
热门推荐
记录和分享属于我的“IT”时光
03-21 2万+
vue-devtools-简介、下载、安装、配置、使用
Vue3-devtools开发者工具正确安装方法
Zhang_wang_yun的博客
05-30 1万+
学习Vue3自然离不开调试工具Vue3-Devtools，所以我们需要来下载这个调试工具并放入谷歌浏览器里的扩展程序里面。帮助我们更好的调试vue3里的程序。
vue devtools调试工具安装（详细）
weixin_46911985的博客
02-06 2419
下载完成后，进入该文件下的node_modules 文件，找到 vue-devtools 文件，进入此文件夹，将其中vender 文件夹下的 manifest.json文件 进行编辑，修改persistent 为 true，保存文件。最后将vender 文件拖至浏览器的扩展程序中，重启浏览器就可以使用了。打开浏览器找到扩展程序（以谷歌为例），并勾选开发者模式，点击出现的“创建一个空的文件夹，命名最好可以见名知意，复制目录后打开命令行。
vue-devtools安装
大连赵哥的博客
06-10 204
vue-devtools安装
vue-devtools浏览器工具打开编辑器
L_TZzzz的博客
06-23 1193
Vue DevTools 安装和浏览器跳转到编辑器指定组件
vue 项目接入 markdown(1)
2401_84437170的博客
04-29 459
空(void)元素有那些？⾏内元 素和块级元素有什么区别？cookies,sessionStorage,localStorage 的区别？Doctype作⽤?serviceWorker的使用原理是啥？问：0.1 + 0.2 === 0.3 嘛？箭头函数和普通函数有啥区别？箭头函数能当构造函数吗？serviceWorker的使用原理是啥？箭头函数和普通函数有啥区别？箭头函数能当构造函数吗？Canvas 和 SVG 图形的区别是什么？如何实现浏览器内多个标签页之间的通信？HTML5 的离线储存的使用和原理？
2024年Web前端最全阿里大佬把近20年的DBA经验编写成了这份SQL高效优化笔记，阿里P7大佬手把手教你
2401_84434237的博客
05-05 258
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】世界上只有一种真正的英雄主义就是在认清生活真相之后仍然热爱它需要获取的小·伙伴可以直接添加小助手微信：Mxy98811即可免费获取引入篇SQL案例部分原理篇SQL篇实践篇总结函数式编程其实是一种编程思想，它追求更细的粒度，将应用拆分成一组组极小的单元函数，组合调用操作数据流；它提倡着 纯函数 / 函数复合 / 数据不可变， 谨慎对待函数内的 状态共享 / 依赖外部 / 副作用；
2024年React进阶（一）：学习资料汇总_react 最新学习资料，前端开发基础
2401_84437170的博客
05-04 159
全网独播-价值千万金融项目前端架构实战从两道网易面试题-分析JavaScript底层机制RESTful架构在Nodejs下的最佳实践开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】一线互联网企业如何初始化项目-做一个自己的vue-cli思维无价，看我用Nodejs实现MVC代码优雅的秘诀-用观察者模式深度解耦模块前端高级实战，如何封装属于自己的JS库VUE组件库级组件封装-高复用弹窗组件c=reactjs全网独播-价值千万金融项目前端架构实战。
vue.js devtools_5.3.3.crx
07-16
Vue.js devtools可以通过浏览器的扩展程序安装，并且与开发者工具紧密集成，以提供更强大的开发和调试功能。它可以让开发人员实时查看和调试Vue组件的状态和属性，监控数据的变化，检查组件层次结构和生命周期钩子...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值