Vue调试神器vue-devtools安装

最新推荐文章于 2024-07-02 09:42:30 发布
最新推荐文章于 2024-07-02 09:42:30 发布
阅读量234 收藏 1
点赞数 5
文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hxp2288665/article/details/108856158
版权

在chrome浏览器中安装扩展程序

首先我们要知道vue-devtools是一款基于chrome游览器的插件，
它的作用是用于调试vue应用，关键是可以极大地提高我们的调试效率。
那么接下来我们就介绍一下vue-devtools的安装。

第一种：直接在chrome浏览器网页上找到【设置】→左下角【扩展程序】→搜索【vue-devtools】
但是这个需要跨域，用到vpn，可能有部分人没办法下载。
第二种方法（我发给你哈哈哈）
链接放在下面啦，下载完成后只需要把文件托放到扩展程序里面即可
下载链接
提取码：xp66
导入之后就是这个样子的 不要弄错哈。
在这里插入图片描述
(如果失效了及时联系我哈,在下面留言即可，我会第一时间回复您的！)

a-XP
关注
  • 5
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue-devtools安装工具包.zip
03-23
内附已用npm处理过的vue-devtools工具包，已配置过源码文件，直接拿来用即可。利用vue-devtools工具包安装vue-devtools的具体操作过程可查看博主主页文档，操作简单，便于上手。
vue-devtools的安装与使用
热门推荐
weixin_43843572的博客
05-26 8万+
vue-devtools的安装与使用
学习 Vue 必备——Vue.js devtools 插件安装免费教程（可不必翻墙，极简插件）
最新发布
qq_52530691的博客
07-02 1091
Vue.js DevTools 是一个用于增强 Vue 开发人员体验的工具，它提供了一些功能来帮助开发者更好地了解 Vue 应用程序。Vue.js DevTools 是一款基于chrome(谷歌) 游览器的插件，所以本文主要介绍基于 chrome(谷歌）浏览器的安装教程。 学习 Vue 必备——Vue.js devtools 插件安装免费教程（可不必翻墙，极简插件，保姆级教程）
vue-devtools-简介、下载、安装、配置、使用
记录和分享属于我的“IT”时光
03-21 2万+
vue-devtools-简介、下载、安装、配置、使用
下载并安装vue-devtools（详细步骤）
m0_48355180的博客
08-28 2万+
1,访问github地址：https://github.com/vuejs/devtools下载安装包（zip）； 2，进入到解压后的vue-devtools包中，在文件夹路径中打开cmd窗口，执行npm i（如果慢的话可以只用cnpm淘宝镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org） ...
【Vue】全家桶之vue-devtools
在这里你大概率会有所收获，欢迎指错||纠正||建议||水评+点赞&&评论&&关注&&转发
08-08 8265
Vue Devtools 是 Vue 官方发布的调试浏览器插件，可以安装在 Chrome 和 Firefox 等浏览器上，直接内嵌在开发者工具中，使用体验流畅。Vue Devtools 由 Vue.js 核心团队成员 Guillaume Chau 和 Evan You 开发。
Vue调试神器vue-devtools安装方法
11-29
vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率。接下来我们就介绍一下vue-devtools的安装。 安装方式 1.chrome商店直接安装： vue-devtools可以从chrome商店直接...
Vue调试神器vue-devtools.zip
12-26
而Vue DevTools则是Vue.js开发者的重要辅助工具，它为开发者提供了一套直观、高效的调试环境，使得在Vue应用的开发和调试过程中能快速定位问题、理解组件状态以及优化性能。 Vue Devtools 是一个浏览器扩展程序，...
vue开发调试神器vue-devtools使用详解
08-30
Vue开发调试神器Vue-DevTools使用详解 Vue-DevTools是一款功能强大且实用的开发调试工具，旨在帮助开发者快速高效地调试和优化Vue.js项目。下面将详细介绍Vue-DevTools的使用方法和技巧。 一、下载和安装Vue-...
vue中devTools插件安装教程
weixin_62897746的博客
10-01 7519
为了更方便的在开发过程中对 Vue 程序进行调试，除了传统的浏览器自带的 debug 工具以外，我们还可以通过一些专门为 Vue 提供的扩展插件来进行调试
Vue3-devtools开发者工具正确安装方法
Zhang_wang_yun的博客
05-30 1万+
学习Vue3自然离不开调试工具Vue3-Devtools，所以我们需要来下载这个调试工具并放入谷歌浏览器里的扩展程序里面。帮助我们更好的调试vue3里的程序。
下载、编译、安装、使用 vue-devtools
weixin_59916662的博客
10-17 2万+
下载、编译、安装、使用vue-devtools
devtools安装
weixin_46048542的博客
11-30 7314
加载已解压的扩展程序，接着选择找到刚才解压的文件夹 ，目录层级为：E:\devtools\devtools-main\packages。vue官网上找到vue-devtools的GitHub项目。我选择放在E盘中新建的devtools文件中，解压。进入解压好的devtools-main文件夹中。搜极简插件，在里面搜devtools。然后在命令窗口中输入以下命令。这里默认已经下载了node。完成之后，进入谷歌浏览器。选择更多工具–>扩展程序。
vue-devtools安装教程（简单易上手）
小白_xm
03-23 2万+
Vue-devtools安装教程 备注：在安装配置Vue-devtools过程中，很多博客上基本上都要求去github官网下载vue-devtools-dev压缩包。下载并解压该压缩文件后，便以管理员的方式打开命令行窗口，然后利用npm进行intsall（命令行：npm install），接下来输入npm install bulid。当然，利用这种方法有一个前提，便是要在此之前先安装好npm，要想安装npm，最便捷的方法是下载一个集成的node.js，而前提是要有一定的node基础。在通过上述办法来安装vu
vue-devtools 具体使用配置详情
万一火了的博客
02-07 1万+
目录vue-devtools 具体使用配置详情安装chrome浏览器firefox浏览器electron-开发启用配置devtools使用组件结构、组件实时数据、查看DOM、打开组件到编辑器vuex 历史记录事件发生历史记录路由发生历史记录组件性能监测组件性能查看 组件使用次数 vue-devtools 具体使用配置详情 vue-devtools 是vue开发者常用的开发工具，方便跟踪实时数据、组...
vue-devtools最新版本安装教程（vue-devtools6.5.0）
vue-cli脚手架初始化代码
07-06 7050
vue-devtools安装教程
vue调试工具vue-devtools安装及使用
mo911108的博客
06-15 2070
4、再次输入chrome://extensions/ 定位到浏览器的扩展程序页面（这里就可以看见你新添加的扩展程序咯），找到vue图标的扩展程序，点击详细信息，找到Vue.js devtools这个扩展程序的ID（如：nhdogjmejiglipccpnnnanhbledajbpd），接下来，将“允许访问文件网址”的选项启用。5、在地址栏输入chrome://version,按下回车键，可以查询到个人资料路径，复制该路径，将文件夹定位到该路径，找到Extensions这个文件夹，再找到对应ID的文件夹。
前端同学必备：教你如何安装、使用Chrome的vue-devtools插件
04-04 5506
Vue-devtools是一个Chrome浏览器插件，它是一个浏览器调试工具，用于开发Vue.js应用程序。它可以用于Vue.js应用程序的调试，可以更好地了解应用程序的结构和状态，以及帮助快速修复代码错误。
vue devtools调试工具安装（详细）
weixin_46911985的博客
02-06 2457
下载完成后，进入该文件下的node_modules 文件，找到 vue-devtools 文件，进入此文件夹，将其中vender 文件夹下的 manifest.json文件 进行编辑，修改persistent 为 true，保存文件。最后将vender 文件拖至浏览器的扩展程序中，重启浏览器就可以使用了。打开浏览器找到扩展程序（以谷歌为例），并勾选开发者模式，点击出现的“创建一个空的文件夹，命名最好可以见名知意，复制目录后打开命令行。
Vue调试工具vue-devtools的安装
08-05
要安装Vue调试工具vue-devtools，可以按照以下步骤进行操作： 1. 首先，你需要在Chrome浏览器中安装Vue Devtools插件。你可以在Chrome网上应用商店中搜索"Vue Devtools"，然后点击"添加至Chrome"按钮进行安装。 2....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值