释放 Nuxt
开发者体验

Nuxt DevTools 为您提供有关 Nuxt 应用程序的洞察和透明度。识别性能差距并无缝管理应用程序配置。
入门

使用以下功能增强项目
高级 DevTools

开发者体验

进一步增强您的 DX,并为开发之旅增添更多乐趣!

检查和调试

查看组件、可组合项、模块等之间的关系。

透明度约定

了解 Nuxt 应用程序结构,以便有效地调试和优化 Nuxt 应用程序。

实时洞察

获取有关应用程序性能的实时洞察。分析您的数据,以实现无缝的用户体验。

量身定制的文档

根据您的使用模式和需求获取 Nuxt 应用程序的个性化文档。

可扩展和可破解

为集成提供交互式视图。使探索和了解应用程序的数据和性能变得容易。

探索您的
Nuxt 项目的深处

  • 页面

    显示当前路由,并提供有用的信息,例如它具有的布局或中间件,并提供在页面之间快速导航的方法。您还可以使用文本框查看每个路由的匹配方式。
  • 组件

    显示您在应用程序中使用的所有组件及其来源。您也可以搜索它们并转到源代码。
  • 导入

    发现您在应用程序中注册的所有自动导入可组合项和实用程序。您可以查看哪些文件正在导入它们以及它们来自哪里。某些条目还可以提供简短的描述和文档链接。

由我们值得信赖且受支持的
优秀社区

由我们值得信赖且受支持的
优秀社区

+16
huang-julien
benjamincanac
noook
harlan-zw
webfansplz
lustremedia
ManUtopiK
Jannchie
danielroe
pi0
atinux
arashsheyda
antfu

由 50 多位贡献者创建和维护

入门
现在

通过在您的项目中安装它,只需几行代码即可快速开始使用 Nuxt DevTools!
Nuxt DevTools 要求 Nuxt v3.9.0 或更高版本。

您只需要转到您的 nuxt.config 文件并将 devtools 设置为 true

nuxt.config.ts
export default defineNuxtConfig({
  devtools: { enabled: true },
})

Nuxt 将自动为您安装 DevTools 模块。

阅读文档