Qwik DevTools

Enhance your Qwik development experience with DevTools that provide real-time insights into your application, dependencies, and setup.

Qwik DevTools requires Qwik v2.0.0-beta.1 or higher.

npm install @qwik.dev/devtools -D

pnpm add @qwik.dev/devtools -D

yarn add @qwik.dev/devtools -D

Add the plugin to your vite.config.(m)ts:

import { qwikDevtools } from '@qwik.dev/devtools';
export default defineConfig({
 plugins: [
 qwikRouter(),
 qwikVite(),
 tsconfigPaths(),
 qwikDevtools(), // 👈 Add the plugin here
 ],
 ssr: {
 noExternal: ['@qwik.dev/devtools']; // 👈 Add the plugin here
 }
});

• 🔍 Route Explorer
• ⚡️ Dependency Explorer
• 📊 Asset Explorer
• 🐞 Debug Tools

Please refer to the Contribution Guide. Sharing feedback and feature request with GitHub issues is welcome.

Join our vibrant community:

• 🐦 Follow @QwikDev on Twitter
• 💬 Join our Discord community
• 🌐 Check out other community groups

• 📚 Qwik Documentation
• 💬 Discord Chat
• ⭐️ Qwik GitHub
• 🐦 @QwikDev
• ⚡️ Vite