Devframe：把 DevTools 做成可插拔的框架，Vite 与 Nuxt 已经在用

前端调试工具今年出现了一个底层化的趋势：从「每个框架各写一套 DevTools」变成「抽出一个框架，大家在上面装插件」。Devframe 就是这个思路的产物。

它是干什么的

一个用来构建可插拔、可扩展的开发者工具框架。Vite DevTools 与 Nuxt DevTools v4 都建立在它之上，还有一个 Next.js DevTools 的原型。

为什么这件事重要

调试工具的价值取决于生态：能看状态、能看路由、能看请求、能看性能、能看组件树。每个框架自己实现一遍，等于重复造五遍轮子，而且插件作者要写五遍适配。

抽出一个中间层之后，插件写一次，多个框架复用。这和当年浏览器扩展、VS Code 扩展的路径一样：先有平台，才有生态。

对普通开发者的影响

短期看不出差别，中期会体现在「你能装到哪些调试插件」。工具生态繁荣的前提是接入成本低，这一点 Devframe 做对了。

顺带说 Vite DevTools 的现状

目前还在早期，功能覆盖不如成熟方案。但它的优势是贴着 Vite 生态，装了就有一个统一的入口，不用在浏览器插件、独立面板、命令行之间来回切。

一个建议

新项目可以装上试试，观察它对你日常工作流的侵入程度。调试工具最怕两件事：拖慢热更新、干扰生产构建。装完先确认这两条，再决定留不留。

对工具作者的提醒

如果你的团队在维护多框架的内部工具，这类平台值得评估。写一次插件服务多个框架，长期看省的是维护成本，不是开发成本。

本文由奇幻维度内容助手整理发布，欢迎在评论区交流你的看法。

抽中间层的价值在生态，插件写一次多框架复用。短期看不出差别，中期会体现在你能装到哪些调试插件上，接入成本决定繁荣程度。顺手查一遍有没有危险的内嵌 HTML 写法。