Vue-devtools插件最新版(2021年2月)

最新推荐文章于 2024-05-30 20:22:27 发布
置顶 最新推荐文章于 2024-05-30 20:22:27 发布
阅读量2.6k 收藏 11
点赞数 4
分类专栏： vue 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46242909/article/details/113654595
版权

Vue-devtools插件最新版




之前百度网盘很多资源都没办法再用了，这里推荐比较稳定一点的:

网址：

极简插件-Devtools

我们直接搜索Vue

在这里插入图片描述

这里选择Beta版本（测试），左边那个19年的没办法用了
我们选择推荐下载

在这里插入图片描述

下载压缩包

在这里插入图片描述

我们解压缩之后，打开chrome浏览器->右上角三个点->选择更多工具->扩展程序，加载已解压的扩展程序，选择 第一个`CRX文件`

在这里插入图片描述

在这里插入图片描述

当然也可以直接把这个文件拖进去，记得点看详细信息看看是否是允许所有网站访问 最后看看下方是否出现了Vue

在这里插入图片描述

我们打开我们的Vue项目然后F12就OK了

在这里插入图片描述

大功告成
请对长亭晚
关注
  • 4
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 6
    评论
专栏目录
vue-devtools(chrome vue 调试插件)
12-02
chrome（谷歌浏览器）vue代码调试插件， 已打包。解压后，通过chrome扩展程序加载即可使用。 使用方法： 1、chrome浏览器输入地址“chrome://extensions/”进入扩展程序页面 2、勾选开发者模式 3、点击“加载已解压的扩展程序...”按钮，选择解压后的chrome文件夹，即可添加成功。 4、添加完vue-devtools扩展程序之后，我们在调试vue应用的时候，chrome开发者工具中会看一个vue的一栏，点击之后就可以看见当前页面vue对象的一些信息
vue-devtools谷歌浏览器插件
10-21
下载解压，选择谷歌浏览器的扩展程序，打开开发者模式，选择加载已解压的扩展程序，选择解压后的文件夹，运行vue项目，按F12，找到vue即可
Vue Devtools 插件下载、安装和应用
qq_20765533的博客
05-30 762
Vue 开发者工具 Vuetools 插件安装，持续更新。
vue-devtools chrome 插件
12-19
chrome（谷歌浏览器）vue代码调试插件， 已打包。解压后，通过chrome扩展程序加载即可使用。 使用方法： 1、chrome浏览器输入地址“chrome://extensions/”进入扩展程序页面 2、勾选开发者模式 3、点击“加载已解压的扩展程序...”按钮，选择解压后的chrome文件夹，即可添加成功。 4、添加完vue-devtools扩展程序之后，我们在调试vue应用的时候，ch rome开发者工具中会看一个vue的一栏，点击之后就可以看见当前页面vue对象的一些信息
vue devtools 最新版 3.1.7 chrome扩展离线下载
12-27
如何离线安装Chrome插件? https://jingyan.baidu.com/article/e5c39bf5cc39cc39d76033cd.html
vue.js devtolls插件下载
小恶魔的博客
07-05 8550
vue-devtools是一款基于Chrome浏览器的扩展，用于调试Vue应用。
vue-devtools
03-27
2. **状态管理**：如果你使用了Vuex进行状态管理，Vue Devtools还可以帮助你监控store的状态。你可以查看不同模块的state、mutations和actions，甚至可以直接修改state来测试应用的响应性。 3. **时间旅行**：Vue ...
vue-devtools@6.1.4谷歌插件
04-27
vue-devtools是Vue开发的调试工具，官方推荐使用，vue-devtools第6代支持vue2和vue3，以及pinal，官方提供源代码，但是需要自己构建，构建的过程基本上没有3个坑都不能成功，这里直接分享一些，需要的小伙伴可以拿去
vue开发者工具最新版，vue-devtools6.1.4
10-31
vue开发者工具最新版，vue-devtools6.1.4 使用方法： 打开chorme浏览器的设置，选择扩展程序，把下载好的.crx 文件拖进去即可。 这个是vue开发者工具的最新版本，亲测能用！ 欢迎大家下载使用！
谷歌浏览器vue插件vue-devtools
04-10
这个插件可以在谷歌浏览器（Chrome）中安装，帮助开发者调试、检查和优化Vue应用。 Vue Devtools 提供了以下主要功能： 1. **组件树**：在Vue Devtools的“Components”面板中，你可以查看应用的组件结构。每个...
vue-devtools-5.1.1
12-29
这个"vue-devtools-5.1.1"版本是Google开发的Vue DevTools的一个特定版本，主要用于支持Vue.js 2.x的应用。 Vue DevTools 5.1.1 版本主要特性包括： 1. **组件树视图**：展示应用中的所有Vue组件及其层级结构，...
vue-devtools-4.1.4_0.crx 插件
01-10
vue开发浏览器调试插件vue-devtools
vue-devtools v5.1.0.crx 最新版Chrome浏览器Vue调试插件
06-17
vuejs-devtools_v5.1.0.crx 最新版Chrome浏览器Vue调试插件，直接安装使用无需自己编译。安装方法：打开Chrome浏览器，输入“chrome://extensions/”打开扩展程序，启用开发者模式，然后把下载下来的“vuejs-devtools_v5.1.0.crx”拖到Chrome上去即可安装。 如果安装的时候报错：程序包无效:"CRX_HEADER_INVALID"解决方法： 将扩展名.crx改为.rar解压出来，然后使用“加载已解压的扩展程序”进行安装。
Vue-DevTools插件下载
11-26
免费下载
vue-devtools 免费下载-vue开发浏览器插件
02-03
vue-devtools-5.3.4 稳定版插件免费下载分享，插件搬运工
vue-devtools插件下载、安装
m0_51645333的博客
12-13 5854
进入极简插件网站，搜索 Vue Devtools，点击推荐下载，解压下载的文件，拖进chrome，完成安装
vue安装vue-devtools插件
心有猛虎 细嗅蔷薇
12-20 235
google应用商店添加插件： 添加完看到浏览器扩展栏有了之后 取到项目中： 然后直接run起dev server就OK了：
Vue调式工具——vue-devtools插件下载安装 手把手教程！
weixin_44042442的博客
02-25 5246
下载安装vue-devtools工具插件 ；Chrome浏览器下载安装vue调试工具；vue调试工具安装
vite-plugin-vue-devtools与浏览器的vue-devtools插件有什么区别
最新发布
07-13
Vite-plugin-vue-devtools是一个针对Vite构建系统的Vue.js应用特别设计的插件，它的作用是让Vue DevTools（浏览器内置的开发者工具插件）能够更好地与Vite环境集成，尤其是在热更新（Hot Module Replacement，HMR）模式下。这个插件优化了Vue DevTools的性能，使其能在Vite快速启动和切换模块时仍能实时显示应用的状态。 而浏览器自带的Vue DevTools插件则是个通用工具，适用于所有基于Vue的Web应用，无论它们是否使用了像Vite这样的现代前端构建工具。Vue DevTools可以监控Vue组件的状态、查看数据绑定、追踪组件生命周期等，但在非Vite环境中，开发者可能需要手动设置DevTools的附加选项或处理跨域问题。 总结来说，Vite-plugin-vue-devtools是Vite生态下的补充，专为Vite优化，而标准的Vue DevTools则更为通用。
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

请对长亭晚

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值