基于 Web 的 TypeScript IDE
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/14283737/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
TypeScript Web-Based IDE
提问by Kamyar Nazeri
Given the fact that TypeScript is Open Source, is this Web-Based IDEalso available as a tool that can be downloaded anywhere?
鉴于 TypeScript 是开源的，这个基于 Web 的 IDE 是否也可以作为可以在任何地方下载的工具？
I'm developing a web application in which the client can write a user-defined expression (with user-defined variables and predefined methods) which is evaluated, compiled and used at runtime on the server using C# .Net. Using TypeScript and its wonderful web-based editor's features like syntax or error highlighting, code completion, method signature suggestion, etc, saves me lots of trouble in the user interface.
我正在开发一个 Web 应用程序，其中客户端可以编写一个用户定义的表达式（使用用户定义的变量和预定义的方法），该表达式在运行时使用 C# .Net 在服务器上进行评估、编译和使用。使用 TypeScript 及其出色的基于 Web 的编辑器的功能，如语法或错误突出显示、代码完成、方法签名建议等，为我在用户界面上省去了很多麻烦。
So is this editor also part of TypeScript? If not, is there any other open source solutions with similar capabilities?
那么这个编辑器也是 TypeScript 的一部分吗？如果没有，是否还有其他具有类似功能的开源解决方案？
采纳答案by Fenton
Update 2017: The Monaco editorused in the TypeScript Playground has been made available on GitHub.
2017 年更新：TypeScript Playground 中使用的Monaco 编辑器已在 GitHub 上提供。
You can also take a look at Visual Studio Code, for a more out-of-browser experience.
您还可以查看Visual Studio Code，以获得更多的浏览器外体验。
There is also a TypeScript editor build on the ACE Editor, which is also on GitHub.
还有一个基于 ACE Editor 构建的TypeScript 编辑器，它也在 GitHub 上。
回答by niutech
There are some web IDEs with support of TypeScript, namely:
有一些支持 TypeScript 的 Web IDE，即：
If you think about making a new one, you could base on one of my 2 projects: TypeScript Compileor TypeScript Interpret;)
如果您考虑创建一个新项目，您可以基于我的两个项目之一：TypeScript Compile或TypeScript Interpret;)
回答by Sevin7
The editor used on the playground is informally known as Monacoand it's used in Visual Studio Code.
在操场上使用的编辑器被非正式地称为Monaco和它用于Visual Studio代码。
UPDATE 11.22.2015:Visual Studio Code is now open source, which means we have access to the source of the Monaco Editor. I think this should now give us the ability to use the Monaco Editor in a browser, I'm waiting on a responseto my question in the VS Code repostiroy.
2015 年 22 月 11 日更新：Visual Studio Code 现在是开源的，这意味着我们可以访问 Monaco Editor 的源代码。我认为这现在应该使我们能够在浏览器中使用摩纳哥编辑器，我正在等待对VS Code repostiroy 中我的问题的答复。
The 'editor' (the thing that renders the code with syntax highlighting, line numbers, etc..) part of Visual Studio Code is Microsoft's Monaco editor. It is the same editor used for OneDrive, Windows Azure, TypeScript Playground, and Visual Studio Online. I have yet to find any real documentation on this editor from Microsoft but there are some articles about it around the web.
Visual Studio Code 的“编辑器”（使用语法突出显示、行号等呈现代码的东西）部分是 Microsoft 的 Monaco 编辑器。它与用于 OneDrive、Windows Azure、TypeScript Playground 和 Visual Studio Online 的编辑器相同。我还没有从微软找到关于这个编辑器的任何真正的文档，但网上有一些关于它的文章。
Read more about Visual Studio Code here.
在此处阅读有关 Visual Studio Code 的更多信息。
回答by Oleg Mihailik
There is an implementation of it which is open source:
它有一个开源的实现：
回答by user2931881
there is goormIDE which is also cloud IDE this is open source or service version
有 goormIDE，它也是云 IDE，这是开源或服务版本
if you use node.js, just type this command
如果你使用 node.js，只需输入这个命令
$ npm install goorm -g
回答by cancerbero
I've played with TypeScript Compiler API both in node.js and in the browser. Also with monaco-editor:
我在 node.js 和浏览器中都使用过 TypeScript Compiler API。还有摩纳哥编辑：
- 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
- Playground 和编译器 API 示例 100% 在浏览器中https://cancerberosgx.github.io/typescript-in-the-browser/typescript-compiler/
- 在服务器中评估的 TS 编译器示例和操场：https: //typescript-api-playground.glitch.me
- 并且努力（WIP）在浏览器中使用 monaco-editor 和 typescript 100% 构建 TS 项目编辑器。
- 更多信息在这里：https: //github.com/cancerberoSgx/typescript-in-the-browser
yes, TypeScript and monaco editor look good, enjoy!
是的，TypeScript 和 monaco 编辑器看起来不错，享受吧！
回答by Lee Olayvar
Kodingprovides a VM with Root so you can install whatever tools you need, and in this case, TypeScript via npm install -g typescript.
Koding提供了一个带有 Root权限的 VM，因此您可以安装所需的任何工具，在这种情况下，通过npm install -g typescript.
VM Domain and Apache is included, so previewing your work in your browser is also easy :)
包含 VM 域和 Apache，因此在浏览器中预览您的工作也很容易 :)
回答by dflorey
For very simple stuff you can try out https://chrome.google.com/webstore/detail/typescript-editey/liedfkjkedgcgpddoijfeeeeoikcbmaf
对于非常简单的东西，您可以尝试 https://chrome.google.com/webstore/detail/typescript-editey/liedfkjkedgcgpddoijfeeeeoikcbmaf
Your typescript files will be converted to a js file on the fly and your site will be hosted for free on Google Drive.
您的打字稿文件将即时转换为 js 文件，您的网站将免费托管在 Google Drive 上。
回答by combuilder
I am using CATS, and I really like it because of two things:
我正在使用 CATS，我真的很喜欢它，因为有两点：
- The IDE is not so bad. It does it job done, and once you practice with it, you'll like it!
- It's portable
- IDE 还不错。它完成了它的工作，一旦你用它练习，你就会喜欢它！
- 它是便携式的
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).
最后一个是我最喜欢的功能，因为我不需要安装任何东西（至少，在 Windows 下），而且你不需要 Visual Studio（大约 9 Gb 和两个小时的安装）。
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!
TypeScript Playground 是一个不错的编辑器，但是如果您需要测试小脚本，或者想尝试一些只能在一个文件中完成的事情！
回答by NiloCK
The editor for the Typescript Playground is called Monaco, and it's available on GH / npm / etc.
Typescript Playground 的编辑器称为 Monaco，可在 GH / npm / 等上找到。
http://github.com/Microsoft/monaco-editor
http://github.com/Microsoft/monaco-editor
