@nuxt/devtools
Advanced tools
The Nuxt DevTools gives you insights and transparency about your Nuxt App.
Unleash Nuxt Developer Experience.
Nuxt DevTools is a set of visual tools that help you to know your app better.
👋 Introduction | 💡 Ideas & Suggestions | 🗺️ Project Roadmap | 📚 Documentation
[!NOTE] You are viewing the v2.x branch which are in active development. For the latest stable version, please refer to the v1.x branch
Nuxt DevTools v2 requires Nuxt v3.15.0 or higher.
Nuxt DevTools is enabled by default in Nuxt v3.8.0. You can press Shift + Alt / ⇧ Shift + ⌥ Option + D in your app to open it up.
If you want to explicitly enable or disable Nuxt DevTools, you can update your nuxt.config with:
export default defineNuxtConfig({
devtools: {
enabled: true // or false to disable
}
})
Similar to Nuxt's Nightly Channel, DevTools also offers a nightly release channel, that automatically releases for every commit to main branch.
You can opt-in to the nightly release channel by running:
{
"devDependencies": {
-- "@nuxt/devtools": "^0.1.0"
++ "@nuxt/devtools": "npm:@nuxt/devtools-nightly@latest"
}
}
Remove lockfile (package-lock.json, yarn.lock, or pnpm-lock.yaml) and reinstall dependencies.
To configure Nuxt DevTools, you can pass the devtools options.
// nuxt.config.ts
export default defineNuxtConfig({
devtools: {
// Enable devtools (default: true)
enabled: true,
// VS Code Server options
vscode: {},
// ...other options
}
})
For all options available, please refer to TSDocs in your IDE, or the type definition file.
Read the Announcement Blog Post 🎊 for why we built Nuxt DevTools and what it can do!
Please refer to the Module Authors Guide.
Please refer to the Contribution Guide.
Nuxt 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.
Nuxt DevTools' telemetry data is piped through Nuxt Telemetry, 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.
The 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.
On top of the default Nuxt Telemetry events, Nuxt DevTools also collects the following events:
FAQs
The Nuxt DevTools gives you insights and transparency about your Nuxt App.
The npm package @nuxt/devtools receives a total of 491,211 weekly downloads. As such, @nuxt/devtools popularity was classified as popular.
We found that @nuxt/devtools demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 5 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Bun 1.2 enhances its JavaScript runtime with 90% Node.js compatibility, built-in S3 and Postgres support, HTML Imports, and faster, cloud-first performance.
Security News
Biden's executive order pushes for AI-driven cybersecurity, software supply chain transparency, and stronger protections for federal and open source systems.
Security News
Fluent Assertions is facing backlash after dropping the Apache license for a commercial model, leaving users blindsided and questioning contributor rights.