A Chrome extension that brings TypeScript to your browser's DevTools. Write, compile, and execute TypeScript code snippets on the fly. Perfect for web developers who want to test TypeScript ideas quickly without leaving their browser.
No reviews yetBe the first to leave a review for TypeScript Console
XHawk 0.99 — Transform Coding Sessions into Knowledge
Transform Coding Sessions into Knowledge
Promoted
Maker
📌
I'm excited to share TypeScript Console for Chrome DevTools. As a web developer, I often found myself wanting to quickly test TypeScript snippets while working in the browser. Existing solutions were outdated, so I created this extension to fill that gap.
Key features:
• Write and run TypeScript directly in DevTools
• Instant compilation and execution
• Supports latest TypeScript features
• Easy to use: just Cmd/Ctrl+S to run
I'd love to hear your feedback and suggestions for improvement. Feel free to ask any questions!
Report
Maker
🎉 TypeScript Console v0.2.2 Released!
✨ Highlights: Supports using any npm package, intelligent type hints.
Report
Maker
🚀TypeScript Console v0.2.3 Update
✨New features:
▶️ Added run button for quick code execution
🔍 Font size customization option
🌓 Instant light/dark mode switching
Download the latest version to enhance your TypeScript development experience.
#TypeScript #DevTools
Demo Video
Report
Awesome! I definitely need this, to directly test some code snippets. Just curious, what is behind the scene?
Report
Maker
@hackerqed Quick explanation: it's based on monaco-editor, esbuild, and Chrome DevTools API. Importantly, it's open-source, so you can see all the code. The key code is even just over 100 lines.
https://github.com/rxliuli/types...
Sounds really cool but I can't figure out how to use it. Can you please add some instructions on your Github and in the extension that explains how to enable it?
@rxliuli That is much better! I think one last thing to add is that you press the Escape key to launch the console within the TypeScript Terminal. Took me a moment to figure that out.
Report
Maker
@chris_seckler Thank you for the reminder, it has been added to the README. Later, I will record a demo video explaining how to use this extension.
Report
Looks like a really handy tool for TS devs. Just checked it out briefly, but seems promising. Congrats on the launch!
Report
Great to see something like this.
I'll plug something _similar_ I made: https://www.raycast.com/bengry/c...
If you're using Raycast - you can copy TypeScript code and paste it in the Dev Tools console as JavaScript to execute.
Congrats on the launch of TypeScript Console! Finally, web developers can run TypeScript directly in DevTools! The ability to test and execute TypeScript on the fly without leaving the browser is a game-changer.
Report
Looks great! Perfect! You have a typo on #4 though :)
Surfsite AI