Nuxt DevTools
释放 Nuxt 开发体验。
Nuxt DevTools 是一套可视化工具，可帮助您更好地了解您的应用。
👋 简介 | 💡 想法与建议 | 🗺️ 项目路线图 | 📚 文档
安装
Nuxt DevTools v2 需要 Nuxt v3.15.0 或更高版本。
Nuxt DevTools 在 Nuxt v3.8.0 中默认启用。您可以在应用中按 Shift + Alt / ⇧ Shift + ⌥ Option + D 以打开它。
如果您想显式启用或禁用 Nuxt DevTools，您可以通过以下方式更新您的 nuxt.config
export default defineNuxtConfig({
devtools: {
enabled: true // or false to disable
}
})
夜间发布渠道
类似于Nuxt 的夜间发布渠道，DevTools 也提供了夜间发布渠道，它会在每次提交到 main 分支时自动发布。
您可以通过运行以下命令选择加入夜间发布渠道：
{
"devDependencies": {
-- "@nuxt/devtools": "^0.1.0"
++ "@nuxt/devtools": "npm:@nuxt/devtools-nightly@latest"
}
}
删除锁定文件（package-lock.json、yarn.lock 或 pnpm-lock.yaml）并重新安装依赖项。
模块选项
要配置 Nuxt DevTools，您可以传入 devtools 选项。
// nuxt.config.ts
export default defineNuxtConfig({
devtools: {
// Enable devtools (default: true)
enabled: true,
// VS Code Server options
vscode: {},
// ...other options
}
})
有关所有可用选项，请参阅 IDE 中的 TSDocs 或类型定义文件。
功能
阅读发布博客文章 🎊，了解我们为何构建 Nuxt DevTools 以及它能做什么！
模块作者
请参阅模块作者指南。
贡献指南
请参阅贡献指南。
匿名使用分析
Nuxt DevTools 收集有关一般使用的匿名遥测数据。这有助于我们准确衡量所有用户的功能使用情况和自定义。这些数据将使我们更好地了解 Nuxt DevTools 中每个功能的使用方式，衡量所做的改进（开发人员体验和性能）及其相关性。它还有助于我们优先安排工作，并专注于对用户最重要的功能。
Nuxt DevTools 的遥测数据通过Nuxt Telemetry传输，这意味着 Nuxt DevTools 将尊重您的本地和全局 Nuxt Telemetry 设置。您也可以在 Nuxt DevTools 设置中选择退出 Nuxt DevTools 的遥测功能。
我们收集的数据完全匿名，无法追溯到来源（使用哈希+种子），并且仅在聚合形式下有意义。我们收集的任何数据均无法识别个人身份或追踪。
事件
除了默认的 Nuxt Telemetry 事件之外，Nuxt DevTools 还收集以下事件
- Nuxt DevTools 的版本
- 标签页/功能之间的导航
- 这有助于我们了解哪些功能使用最多，从而优先安排我们的工作。
- 浏览器和操作系统名称及版本
- 这有助于我们改进跨不同浏览器和操作系统的兼容性。
- 某些操作按钮上的点击事件