Vue.js devtools
👨💻 开发者：Vue.js Team
·
★ 4.9 (14200 条评价)
·
👥 3,000,000+ 位用户
·
📦 版本
v7.1.3
·
💾 大小 3.80 MiB
🛡️ 权限安全指数
9.8/10
极高 (Vue 官方团队开源维护)
💬 一句话定位：全球 Vue 前端开发者装机必备的官方组件树检查、Pinia 状态管理与时间旅行调试器
📖 概述与深度评测
中文精编实测🎯 解决什么核心痛点？
开发 Vue3 应用时，组件嵌套过深导致数据传递链路复杂，手动写 `console.log` 调试状态效率低下，且无法实时追踪 Pinia/Vuex 的 Mutation 触发顺序。
✨ 核心功能特性拆解
- ● ✅ 在 Chrome F12 控制台无缝集成 Vue 面板，清晰展示组件树层级与 Props/Data/Computed
- ● ✅ 原生深度支持 Pinia 与 Vuex 状态管理，提供一键 Time Travel（时间旅行）回退测试
- ● ✅ 支持组件性能 Profiler 分析，快速定位重度消耗渲染性能的卡顿组件
- ● ✅ 支持在调试器内直接修改组件状态并实时热响应于页面
👍 实测突出优势
- ✓官方出品，完美支持 Vue 3 Composition API 与 Vue 2 传统语法
- ✓前端开发者入行与日常开发必备基石工具
👎 局限与注意事项
- !线上生产打包后默认关闭调试钩子（需配置开启或仅在开发环境生效）
🛡️ 权限信息与隐私安全审计 (1 项权限)
Manifest V3 静态代码扫描通过
以下权限直接提取自 Vue.js devtools (Vue 官方调试器) 官方安装包内的 manifest.json 声明文件：
debugger
审查页面 Vue 实例运行时数据与 Props
⚖️ 同类插件横评对比：该选哪一个？
🆚 对比 Vue DevTools Vite 插件
内嵌在页面底部的调试条，两者结合搭配使用更香
💯 常见问题与离线安装排错 (FAQ)
Q：为什么图标显示灰色不可用？
A：当前页面不是由 Vue 构建，或者线上构建包已彻底剥离 Vue 调试标识。
Q：离线安装时提示 [程序包无效：CRX_REQUIRED_PROOF_MISSING] 怎么办？
A：这是新版 Chrome/Edge 针对离线拖拽 .crx 的安全限制。最简单的解决办法是：直接点击本页顶部的 「📦 下载 .ZIP 免转换包」，将其解压为一个普通文件夹，然后在浏览器打开 chrome://extensions 开启右上角「开发者模式」，点击左上角「加载已解压的扩展程序」选中该文件夹即可 100% 成功安装！
💬 用户评价与实测留言 (0)
免登录直接分享您的真实使用体验
🔥 本站极客实测反馈 (0)
🎖️ 开发者收录与安全认证徽章 (GitHub Badge)
欢迎将该扩展的实时安全评级徽章嵌入您的 GitHub README 或博客文章中：
[](https://crx8.com/ext/vuejs-devtools)
暂无社区留言，快来抢占第一个沙发吧！