Nuxt 开发者工具

释放 Nuxt 开发者体验。
Nuxt 开发者工具是一组可视化工具，帮助您更好地了解您的应用程序。

安装

Nuxt 开发者工具需要 **Nuxt v3.9.0 或更高版本**。

Nuxt 开发者工具在 Nuxt v3.8.0 中 **默认启用**。您可以在应用程序中按下 Shift + Alt / ⇧ Shift + ⌥ Option + D 打开它。

如果您想显式启用或禁用 Nuxt 开发者工具，您可以使用以下代码更新您的 nuxt.config

export default defineNuxtConfig({
  devtools: {
    enabled: true // or false to disable
  }
})

边缘发布通道

类似于 Nuxt 的夜间发布通道，开发者工具也提供了一个边缘发布通道，该通道会自动发布 main 分支的每次提交。

您可以通过运行以下命令选择加入边缘发布通道：

{
  "devDependencies": {
--    "@nuxt/devtools": "^0.1.0"
++    "@nuxt/devtools": "npm:@nuxt/devtools-edge@latest"
  }
}

删除锁文件（package-lock.json、yarn.lock 或 pnpm-lock.yaml）并重新安装依赖项。

模块选项

要配置 Nuxt 开发者工具，您可以传递 devtools 选项。

// nuxt.config.ts
export default defineNuxtConfig({
  devtools: {
    // Enable devtools (default: true)
    enabled: true,
    // VS Code Server options
    vscode: {},
    // ...other options
  }
})

有关所有可用选项，请参阅 IDE 中的 TSDocs 或类型定义文件。

功能

阅读 公告博客文章 🎊，了解我们构建 Nuxt 开发者工具的原因及其功能！

模块作者

请参阅模块作者指南。

贡献指南

请参阅贡献指南。

匿名使用分析

Nuxt 开发者工具会收集有关一般用法的匿名遥测数据。这有助于我们准确衡量所有用户的功能使用情况和自定义情况。这些数据将使我们能够更好地了解 Nuxt 开发者工具中每个功能的使用方式，衡量所做的改进（DX 和性能）及其相关性。它还有助于我们优先考虑我们的工作，并专注于对用户最重要的功能。

Nuxt 开发者工具的遥测数据通过 Nuxt 遥测传输，这意味着 Nuxt 开发者工具将尊重您本地和全局的 Nuxt 遥测设置。您也可以在 Nuxt 开发者工具设置中选择退出 Nuxt 开发者工具的遥测。

我们收集的数据完全匿名，无法追溯到来源（使用哈希+种子），并且仅以聚合形式有意义。我们收集的任何数据都不是个人身份信息或可跟踪的。

事件

除了默认的 Nuxt 遥测事件之外，Nuxt 开发者工具还会收集以下事件

Nuxt 开发者工具的版本
选项卡/功能之间的导航
- 这有助于我们了解哪些功能使用最多，从而优先考虑我们的工作。
浏览器和操作系统名称及版本
- 这有助于我们提高跨不同浏览器和操作系统的兼容性。
某些操作按钮上的点击事件

许可证

MIT