https://github.com/qwikdev/devtools
https://github.com/qwikdev/devtools
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/qwikdev/devtools
- Owner: QwikDev
- License: mit
- Created: 2023-10-12T15:14:12.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-24T18:09:50.000Z (about 1 month ago)
- Last Synced: 2025-04-24T19:25:17.540Z (about 1 month ago)
- Language: TypeScript
- Size: 638 KB
- Stars: 27
- Watchers: 5
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# 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.9 or higher**.
```shell copy
npm install @qwik.dev/devtools -D
```
```shell copy
pnpm add @qwik.dev/devtools -D
```
```shell copy
yarn add @qwik.dev/devtools -D
```
## Setup
Add the plugin to your `vite.config.(m)ts`:
```ts copy
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](./CONTRIBUTING.md). Sharing feedback and feature request with GitHub issues is welcome.
## Community
Join our vibrant community:
- 🐦 Follow [@QwikDev](https://twitter.com/QwikDev) on Twitter
- 💬 Join our [Discord](https://qwik.dev/chat) community
- 🌐 Check out [other community groups](https://qwik.dev/ecosystem/#community)
## Related Links
- [📚 Qwik Documentation](https://qwik.dev/)
- [💬 Discord Chat](https://qwik.dev/chat)
- [⭐️ Qwik GitHub](https://github.com/QwikDev/qwik)
- [🐦 @QwikDev](https://twitter.com/QwikDev)
- [⚡️ Vite](https://vitejs.dev/)