devtools-v6 README

The project's README from github.com/vuejs/devtools-v6. As one markdown file: README.md.

Try the next iteration of Vue Devtools!

We have a brand new version of Devtools being developed at vuejs/devtools-next. It is now in beta, please help us test it out!


vue-devtools

screenshot

Documentation | Install the extension

Monorepo

Package Description
api The public devtools API that can be installed in Vue plugins
app-backend-api Abstract API to link the Public API, the core and Vue handlers
app-backend-core The main logic injected in the page to interact with Vue apps
app-backend-vue1 Decoupled handlers to support Vue 1 (soon)
app-backend-vue2 Decoupled handlers to support Vue 2
app-backend-vue3 Decoupled handlers to support Vue 3
app-frontend Vue app displayed in the browser devtools pane
shell-chrome Chrome/Firefox extension
shell-electron Electron standalone app
shell-host Development environment
shell-dev-vue2 Demo app for development (Vue 2)
shell-dev-vue3 Demo app for development (Vue 3)

Contributing

See the Contributing guide.

License

MIT

Sponsors

💚️ Become a Sponsor

devtools-v6 (vuejs/devtools-v6)

Searching Database…

这是什么?这是 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 应用,渲染在浏览器的开发者工具面板里。
Creator
vuejs
Size
14.4 MB
Stars
24.7K
Age
12y
Commits · 90 Days