使用以下功能增强项目
高级 DevTools
开发者体验
进一步增强您的 DX，为开发之旅增添更多乐趣！
检查和调试
查看组件、可组合项、模块等之间的关系。
透明度约定
了解您的 Nuxt 应用程序结构，以便有效地调试和优化您的 Nuxt 应用程序。
实时洞察
实时洞察您的应用程序性能。分析您的数据以实现无缝的用户体验。
量身定制的文档
根据您的使用模式和需求获取您的 Nuxt 应用程序的个性化文档。
可扩展和可破解
为集成提供交互式视图。使探索和理解应用程序的数据和性能变得容易。
探索您的深度
Nuxt 项目
页面
显示您当前的路由，其中包含有用的信息，例如它具有什么布局或中间件，并提供了一种在页面之间快速导航的方法。您还可以使用文本框查看每个路由是如何匹配的。
组件
显示您在应用程序中使用的所有组件及其来源。您还可以搜索它们并转到源代码。
导入
发现您应用程序中注册的所有自动导入可组合项和实用程序。您可以查看哪些文件正在导入它们，以及它们来自哪里。某些条目还可以提供简短的描述和文档链接。
受我们信任和支持
令人惊叹的社区
开始使用
现在
通过在您的项目中安装几行代码，快速开始使用 Nuxt DevTools！
Nuxt DevTools 需要 Nuxt v3.9.0 或更高版本。
您只需要在您的 nuxt.config 文件中将 devtools 设置为 true
nuxt.config.ts
export default defineNuxtConfig({
devtools: { enabled: true },
})
Nuxt 将自动为您安装 DevTools 模块。