TypeScript Web-Based IDE

Question

Given the fact that TypeScript is Open Source, is this Web-Based IDE also available as a tool that can be downloaded anywhere?

I\'m developing a web application in which

Answer 1

I've played with TypeScript Compiler API both in node.js and in the browser. Also with monaco-editor:

• Playground and COmpiler API examples 100% in the browser https://cancerberosgx.github.io/typescript-in-the-browser/typescript-compiler/
• TS compiler examples and playground which are evaluated in the server: https://typescript-api-playground.glitch.me
• And an effort (WIP) to build a TS project editor using monaco-editor and typescript 100% in the browser.
• more info here: https://github.com/cancerberoSgx/typescript-in-the-browser

yes, TypeScript and monaco editor look good, enjoy!

Answer 2

There is an implementation of it which is open source:

https://github.com/jbaron/typescript-playground-on-ace

Answer 3

I am using CATS, and I really like it because of two things:

• The IDE is not so bad. It does it job done, and once you practice with it, you'll like it!
• It's portable

THe last is the feature I like the most, because I don't have to install anything (at least, under Windows), and you don't need Visual Studio (it's around 9 Gb and two hours installing).

The TypeScript Playground is a nice editor, but if you need to test small scripts, or want to try something that can be done only in one file!

Answer 4

As TypeScript's playground source code has not been made available until now, I've published an implementation—also based on the Monaco Editor—with some enhancements regarding compiler options and code execution:

GitHub Repository: https://github.com/fabiandev/typescript-playground
Online Playground: https://fabiandev.github.io/typescript-playground/

Answer 5

Koding provides a VM with Root so you can install whatever tools you need, and in this case, TypeScript via npm install -g typescript.

VM Domain and Apache is included, so previewing your work in your browser is also easy :)

Answer 6

Update 2017: The Monaco editor used in the TypeScript Playground has been made available on GitHub.

You can also take a look at Visual Studio Code, for a more out-of-browser experience.

There is also a TypeScript editor build on the ACE Editor, which is also on GitHub.