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