Skip to content

rxliuli/typescript-console

Repository files navigation

TypeScript Console

chrome-web-store producthunt

Run and debug TypeScript code in the Chrome DevTools.

Features

  • Write and run TypeScript directly in DevTools
  • Supports latest TypeScript features
  • Easy to use: just Cmd/Ctrl+S to run
  • Importing npm packages
  • Custom tsconfig.json
  • Adding breakpoints directly
  • Snippet functionality
  • AI assistant
  • VIM Mode
  • TSX support
  • Custom keybinding

Usage

Demo video

  1. Install the extension from the Chrome Web Store.
  2. Open Chrome DevTools.
  3. Open the "TypeScript Console" panel. demo1
  4. Show console drawer demo2
  5. Write and run TypeScript code. demo3
  6. Click the "Run" button or press Cmd/Ctrl+S to execute the code.

Demo

Normal operation cover1

Operation DOM cover2

Syntax error cover3

Runtime error cover4

Breakpoint debugging cover5

About

Run and debug TypeScript code in the Chrome DevTools.

Resources

License

Stars

Watchers

Forks

Packages

No packages published