@qwik.dev/devtools NPM

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-alpha.4 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
  ],
});

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

@qwik.dev/devtools v0.1.1