24.7K ·GitHub
这是什么?
这是 Vue Devtools——一个浏览器开发者工具扩展,用于调试 Vue.js 应用。devtools-v6 仓库是它的第 6 版代码库。
它是装在浏览器里的扩展,还是一个独立的应用?
它是一个扩展:会在 Chrome 和 Firefox 的开发者工具里添加一个 Vue 面板。如果你想在浏览器之外使用,也有一个独立的 Electron 应用。
我怎么把它装到浏览器里?
按照项目文档中的安装指南安装这个扩展即可——作为用户,你不需要自己构建任何东西。只有开发 devtools 本身才需要在这个 lerna monorepo 里使用 Node.js(>= 8.10)和 yarn。
我该用这个版本,还是 README 里提到的新版本?
README 一开头就指向 vuejs/devtools-next——一个全新的重写版本,目前处于 beta 阶段,并请大家帮忙测试。这个 v6 扩展是如今成熟的正式版本,在 GitHub 上约有 24.7k 颗星。
它同时支持 Vue 2 和 Vue 3 的应用吗?
支持。它为 Vue 2 和 Vue 3 提供了各自专用的应用后端,Vue 1 的支持则标注为即将推出。
我在写一个 Vue 插件——它能接入 devtools 吗?
可以。这个仓库发布了一个公开的 devtools API(即 api 包),Vue 插件可以安装它,把自己的数据展示在面板中。
它检查页面时会往我的页面里注入东西吗?
会——它会向页面注入一个后端来与你的 Vue 应用交互,而面板界面本身也是一个 Vue 应用,渲染在浏览器的开发者工具面板里。
What are similar projects?
redux-devtools-extension, redux-devtools, vConsole, react-devtools, web-source-inspect, responsively-app, react-scan, vuex
Which topics is it in?
firefox-extension, devtools, debugging, chrome-extension, browser-extension, javascript-library, electron, vue, plugin, web-development, frontend, api
