Nuxt DevTools

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

!NOTE 您正在查看 v2.x 分支，该分支正在积极开发中。对于最新的稳定版本，请参考 v1.x 分支

安装

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"
  }
}

删除 lockfile (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 中每个功能的使用方式，衡量所做的改进（DX 和性能）及其相关性。这也将帮助我们确定工作的优先级，并专注于对用户最重要的功能。

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

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