TypeScript Console

Run TypeScript snippets directly in Chrome DevTools

153 followers

Run TypeScript snippets directly in Chrome DevTools

153 followers

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.

Free

Launch tags:Chrome Extensions•Open Source•Developer Tools

Launch Team

AWS Activate CreditsCredits that fuel your startup’s next milestone

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

2yr ago

Maker

🎉 TypeScript Console v0.2.2 Released! ✨ Highlights: Supports using any npm package, intelligent type hints.

Report

2yr ago

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

2yr ago

Awesome! I definitely need this, to directly test some code snippets. Just curious, what is behind the scene?

Report

2yr ago

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...

Report

2yr ago

@rxliuli Great contribution, starred

Report

2yr ago

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?

Report

2yr ago

Maker

@chris_seckler I added a user manual, would this be helpful? https://github.com/rxliuli/types...

Report

2yr ago

@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

2yr ago

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

2yr ago

Looks like a really handy tool for TS devs. Just checked it out briefly, but seems promising. Congrats on the launch!

Report

2yr ago

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.

Report

2yr ago

Surfsite AI

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

2yr ago

Looks great! Perfect! You have a typo on #4 though :)

Report

2yr ago

1 2 3

Reviews