[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-8724":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":19,"compositeScore":20,"rankGlobal":10,"rankLanguage":10,"license":21,"archived":22,"fork":22,"defaultBranch":23,"hasWiki":24,"hasPages":22,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":29,"readmeContent":30,"aiSummary":31,"trendingCount":16,"starSnapshotCount":16,"syncStatus":32,"lastSyncTime":33,"discoverSource":34},8724,"devtools","nuxt\u002Fdevtools","nuxt","Unleash Nuxt Developer Experience","https:\u002F\u002Fdevtools.nuxt.com",null,"Vue",3282,207,14,99,0,1,9,3,28.95,"MIT License",false,"main",true,[26,7,27,28],"dx","nuxt-devtools","nuxt-module","2026-06-12 02:01:57","\u003Ca href=\"https:\u002F\u002Fdevtools.nuxt.com\">\u003Cimg width=\"1200\" alt=\"Nuxt DevTools\" src=\"https:\u002F\u002Fgithub-production-user-asset-6210df.s3.amazonaws.com\u002F904724\u002F261577617-a10567bd-ad33-48cc-9bda-9e37dbe1929f.png\">\u003C\u002Fa>\n\u003Cbr>\n\n\u003Ch1>\nNuxt DevTools\n\u003C\u002Fh1>\n\n[![npm version][npm-version-src]][npm-version-href]\n[![npm downloads][npm-downloads-src]][npm-downloads-href]\n[![License][license-src]][license-href]\n[![Nuxt][nuxt-src]][nuxt-href]\n[![Volta][volta-src]][volta-href]\n\n\u003Cp>\nUnleash Nuxt Developer Experience.\n\u003Cbr>Nuxt DevTools is a set of visual tools that help you to know your app better.\n\u003C\u002Fp>\n\n\u003Cp>\n  \u003Ca href=\"https:\u002F\u002Fnuxt.com\u002Fblog\u002Fnuxt-devtools-v1-0\">👋 Introduction\u003C\u002Fa> |\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fnuxt\u002Fdevtools\u002Fdiscussions\u002F29\">💡 Ideas & Suggestions\u003C\u002Fa> |\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fnuxt\u002Fdevtools\u002Fdiscussions\u002F31\">🗺️ Project Roadmap\u003C\u002Fa> |\n  \u003Ca href=\"https:\u002F\u002Fdevtools.nuxt.com\u002F\">📚 Documentation\u003C\u002Fa>\n\u003C\u002Fp>\n\n> [!NOTE]\n> You are current at the `main` branch for v4 development. The latest stable branch is [`v3`](https:\u002F\u002Fgithub.com\u002Fnuxt\u002Fdevtools\u002Ftree\u002Fv3).\n\n\u003Cbr>\n\n## Installation\n\n> Nuxt DevTools v2 requires **Nuxt v3.15.0 or higher**.\n\nNuxt DevTools is **enabled by default** in Nuxt v3.8.0. You can press \u003Ckbd>Shift\u003C\u002Fkbd> + \u003Ckbd>Alt\u003C\u002Fkbd> \u002F \u003Ckbd>⇧ Shift\u003C\u002Fkbd> + \u003Ckbd>⌥ Option\u003C\u002Fkbd> + \u003Ckbd>D\u003C\u002Fkbd> in your app to open it up.\n\nIf you want to explicitly enable or disable Nuxt DevTools, you can update your `nuxt.config` with:\n\n```js\nexport default defineNuxtConfig({\n  devtools: {\n    enabled: true \u002F\u002F or false to disable\n  }\n})\n```\n\n### Opting in to v4.0\n\nNuxt DevTools v4.0 is currently in alpha. Since Nuxt ships with a built-in version of DevTools, you can opt-in to v4.0 by using package manager resolutions to override the bundled version:\n\n\u003Cdetails>\n\u003Csummary>npm\u003C\u002Fsummary>\n\n```json\n{\n  \"overrides\": {\n    \"@nuxt\u002Fdevtools\": \"npm:@nuxt\u002Fdevtools-nightly@latest\"\n  }\n}\n```\n\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n\u003Csummary>yarn\u003C\u002Fsummary>\n\n```json\n{\n  \"resolutions\": {\n    \"@nuxt\u002Fdevtools\": \"npm:@nuxt\u002Fdevtools-nightly@latest\"\n  }\n}\n```\n\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n\u003Csummary>pnpm\u003C\u002Fsummary>\n\n```json\n{\n  \"pnpm\": {\n    \"overrides\": {\n      \"@nuxt\u002Fdevtools\": \"npm:@nuxt\u002Fdevtools-nightly@latest\"\n    }\n  }\n}\n```\n\n\u003C\u002Fdetails>\n\nRemove lockfile (`package-lock.json`, `yarn.lock`, or `pnpm-lock.yaml`) and reinstall dependencies.\n\n### Nightly Release Channel\n\nSimilar to [Nuxt's Nightly Channel](https:\u002F\u002Fnuxt.com\u002Fdocs\u002Fguide\u002Fgoing-further\u002Fnightly-release-channel), DevTools also offers a nightly release channel, that automatically releases for every commit to `main` branch.\n\nYou can opt-in to the nightly release channel by using package manager resolutions:\n\n\u003Cdetails>\n\u003Csummary>npm\u003C\u002Fsummary>\n\n```json\n{\n  \"overrides\": {\n    \"@nuxt\u002Fdevtools\": \"npm:@nuxt\u002Fdevtools-nightly@latest\"\n  }\n}\n```\n\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n\u003Csummary>yarn\u003C\u002Fsummary>\n\n```json\n{\n  \"resolutions\": {\n    \"@nuxt\u002Fdevtools\": \"npm:@nuxt\u002Fdevtools-nightly@latest\"\n  }\n}\n```\n\n\u003C\u002Fdetails>\n\n\u003Cdetails>\n\u003Csummary>pnpm\u003C\u002Fsummary>\n\n```json\n{\n  \"pnpm\": {\n    \"overrides\": {\n      \"@nuxt\u002Fdevtools\": \"npm:@nuxt\u002Fdevtools-nightly@latest\"\n    }\n  }\n}\n```\n\n\u003C\u002Fdetails>\n\nRemove lockfile (`package-lock.json`, `yarn.lock`, or `pnpm-lock.yaml`) and reinstall dependencies.\n\n### Module Options\n\nTo configure Nuxt DevTools, you can pass the `devtools` options.\n\n```ts\n\u002F\u002F nuxt.config.ts\nexport default defineNuxtConfig({\n  devtools: {\n    \u002F\u002F Enable devtools (default: true)\n    enabled: true,\n    \u002F\u002F VS Code Server options\n    vscode: {},\n    \u002F\u002F ...other options\n  }\n})\n```\n\nFor all options available, please refer to TSDocs in your IDE, or the [type definition file](https:\u002F\u002Fgithub.com\u002Fnuxt\u002Fdevtools\u002Fblob\u002Fmain\u002Fpackages\u002Fdevtools-kit\u002Fsrc\u002F_types\u002Foptions.ts).\n\n## Features\n\nRead the [**Announcement Blog Post 🎊**](https:\u002F\u002Fnuxt.com\u002Fblog\u002Fnuxt-devtools-v1-0) for why we built Nuxt DevTools and what it can do!\n\n## Module Authors\n\nPlease refer to the [Module Authors Guide](https:\u002F\u002Fdevtools.nuxt.com\u002Fmodule\u002Fguide).\n\n## Contribution Guide\n\nPlease refer to the [Contribution Guide](https:\u002F\u002Fdevtools.nuxt.com\u002Fdevelopment\u002Fcontributing).\n\n## Anonymous Usage Analytics\n\nNuxt DevTools collects anonymous telemetry data about general usage. This helps us to accurately gauge feature usage and customization across all our users. This data will let us better understand how each features in Nuxt DevTools are used, measuring improvements made (DX and performances) and their relevance. It would also help us to prioritize our efforts and focus on the features that matter the most to our users.\n\nNuxt DevTools' telemetry data is piped through [Nuxt Telemetry](https:\u002F\u002Fgithub.com\u002Fnuxt\u002Ftelemetry), meaning that Nuxt DevTools will respect your local and global Nuxt Telemetry settings. You can also opt-out Nuxt DevTools' telemetry in the Nuxt DevTools settings.\n\nThe data we collect is completely anonymous, not traceable to the source (using hash+seed), and only meaningful in aggregate form. No data we collect is personally identifiable or trackable.\n\n### Events\n\nOn top of the [default Nuxt Telemetry events](https:\u002F\u002Fgithub.com\u002Fnuxt\u002Ftelemetry#events), Nuxt DevTools also collects the following events:\n\n- Versions of Nuxt DevTools\n- Navigations between tabs\u002Ffeature\n  - This helps us to understand which features are used the most to prioritize our efforts.\n- Browser and OS names and versions\n  - This helps us improve compatibility across different browsers and operating systems.\n- Click event on some action buttons\n\n## License\n\n[MIT](.\u002FLICENSE)\n\n\u003C!-- Badges -->\n\n[npm-version-src]: https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@nuxt\u002Fdevtools\u002Flatest.svg?style=flat&colorA=18181B&colorB=28CF8D\n[npm-version-href]: https:\u002F\u002Fnpmjs.com\u002Fpackage\u002F@nuxt\u002Fdevtools\n[npm-downloads-src]: https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdm\u002F@nuxt\u002Fdevtools.svg?style=flat&colorA=18181B&colorB=28CF8D\n[npm-downloads-href]: https:\u002F\u002Fnpm.chart.dev\u002F@nuxt\u002Fdevtools\n[license-src]: https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fl\u002F@nuxt\u002Fdevtools.svg?style=flat&colorA=18181B&colorB=28CF8D\n[license-href]: https:\u002F\u002Fnpmjs.com\u002Fpackage\u002F@nuxt\u002Fdevtools\n[nuxt-src]: https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FNuxt-18181B?logo=nuxt\n[nuxt-href]: https:\u002F\u002Fnuxt.com\n[volta-src]: https:\u002F\u002Fuser-images.githubusercontent.com\u002F904724\u002F209143798-32345f6c-3cf8-4e06-9659-f4ace4a6acde.svg\n[volta-href]: https:\u002F\u002Fvolta.net\u002Fnuxt\u002Fdevtools?utm_source=nuxt_devtools_readme\n","Nuxt DevTools 是一套旨在提升 Nuxt.js 开发体验的可视化工具。它提供了丰富的功能，如应用状态监控、组件树展示等，使开发者能够更直观地理解其应用程序的行为和结构。基于 Vue 构建，并与 Nuxt 框架深度集成，使得从版本 3.8.0 开始默认启用此工具集。适用于需要对 Nuxt 应用进行调试或性能优化的各种开发场景中，无论是个人项目还是企业级应用都能从中受益。",2,"2026-06-11 03:19:28","top_language"]