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

刪除 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 中的每個特性是如何使用的，衡量所做的改進（開發體驗和效能）及其相關性。它還將幫助我們優先考慮我們的工作，並專注於對使用者最重要的特性。

Nuxt DevTools 的遙測資料透過 Nuxt Telemetry 進行管道傳輸，這意味著 Nuxt DevTools 將遵守您的本地和全域性 Nuxt Telemetry 設定。您也可以在 Nuxt DevTools 設定中選擇退出 Nuxt DevTools 的遙測。

我們收集的資料是完全匿名的，無法追溯到來源（使用雜湊+種子），並且僅在聚合形式下有意義。我們收集的任何資料都不能識別個人身份或進行追蹤。

事件

除了 預設的 Nuxt Telemetry 事件，Nuxt DevTools 還收集以下事件

• Nuxt DevTools 的版本
• 標籤頁/功能之間的導航
  • 這有助於我們瞭解哪些功能使用最多，以便優先安排工作。
• 瀏覽器和作業系統名稱及版本
  • 這有助於我們改進不同瀏覽器和作業系統的相容性。
• 某些操作按鈕上的點選事件

許可證

MIT