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

Edge 發布管道

類似於 Nuxt 的 Nightly Channel，開發者工具也提供了 edge 發布管道，該管道會針對提交到 main 分支的每個 commit 自動發布。

您可以執行以下命令選擇加入 edge 發布管道

{
  "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 開發者工具中每個功能的使用方式、衡量所做的改進（開發體驗和效能）及其相關性。這也有助於我們確定工作的優先順序，並專注於對使用者最重要的功能。

Nuxt 開發者工具的遙測資料會透過 Nuxt Telemetry 傳輸，這表示 Nuxt 開發者工具會遵守您的本機和全域 Nuxt Telemetry 設定。您也可以在 Nuxt 開發者工具設定中選擇退出 Nuxt 開發者工具的遙測功能。

我們收集的資料是完全匿名的，無法追溯來源（使用雜湊+種子），並且僅以匯總形式才有意義。我們收集的任何資料都不會是個人身份識別資訊或可追蹤的。

事件

除了預設的 Nuxt Telemetry 事件之外，Nuxt 開發者工具還會收集以下事件

Nuxt 開發者工具的版本
在索引標籤/功能之間導覽
- 這有助於我們了解哪些功能使用得最多，以便確定工作的優先順序。
瀏覽器和作業系統名稱與版本
- 這有助於我們改善不同瀏覽器和作業系統之間的相容性。
在某些操作按鈕上的點擊事件

許可證

MIT