Skip to content
| Marketplace
Sign in
Visual Studio Code>Visualization>KickJS DevToolsNew to Visual Studio Code? Get it now.
KickJS DevTools

KickJS DevTools

forinda82

|
18 installs
| (0) | Free
VS Code extension for inspecting KickJS applications — routes, DI container, metrics, and health
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

KickJS DevTools — VS Code Extension

Not to be confused with @forinda/kickjs-devtools (the runtime adapter that serves /_debug/*). This package is the VS Code editor extension that consumes that adapter's HTTP surface and surfaces it as tree views and a dashboard webview inside the editor.

VS Code extension for inspecting running KickJS apps — health, routes, DI container, metrics — surfaced as tree views + a dashboard webview, with a status-bar connection indicator.

Requirements

Your app must mount DevToolsAdapter so /_debug/* is reachable. For non-dev environments, set a secret so the dashboard isn't world-readable:

import { bootstrap } from '@forinda/kickjs'
import { DevToolsAdapter } from '@forinda/kickjs-devtools'
import { modules } from './modules'

export const app = await bootstrap({
  modules,
  adapters: [
    DevToolsAdapter({
      // secret: env.DEVTOOLS_SECRET,  // production: require ?secret=… on every /_debug/* request
      // enabled: env.NODE_ENV !== 'production',  // or gate the adapter off entirely outside dev
    }),
  ],
})

Settings

Setting Default Description
kickjs.serverUrl http://localhost:3000 Where the app is running
kickjs.debugPath /_debug DevTools mount path
kickjs.autoRefresh true Poll every 30s

Commands: KickJS: Inspect Running App, Show Routes, Show DI Container, Show Metrics.

License

MIT

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft