Please note that the QwikDev/devtools repository has been migrated into the QwikDev/qwik repository.

Qwik DevTools

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

Installation

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

Setup

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

Features

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

Contribution Guide

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

Community

Join our vibrant community:

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