19

鉴于 TypeScript 是开源的,这个基于 Web 的 IDE是否也可以作为可以在任何地方下载的工具提供?

我正在开发一个 Web 应用程序,客户端可以在其中编写一个用户定义的表达式(使用用户定义的变量和预定义的方法),该表达式在运行时使用 C# .Net 在服务器上进行评估、编译和使用。使用 TypeScript 及其出色的基于 Web 的编辑器的功能,如语法或错误突出显示、代码完成、方法签名建议等,为我在用户界面上省去了很多麻烦。

那么这个编辑器也是 TypeScript 的一部分吗?如果没有,是否还有其他具有类似功能的开源解决方案?

4

12 回答 12

12

2017 年更新:TypeScript Playground 中使用的Monaco 编辑器已在 GitHub 上提供。

您还可以查看Visual Studio Code以获得更多的浏览器外体验。

还有一个基于 ACE Editor 的 TypeScript 编辑器,它也在 GitHub 上。

于 2013-01-11T18:37:45.623 回答
10

有一些 Web IDE 支持 TypeScript,即:

如果您考虑制作一个新项目,您可以基于我的两个项目之一:TypeScript CompileTypeScript Interpret ;)

于 2013-01-22T21:58:09.033 回答
3

在 Playground 上使用的编辑器被非正式地称为Monaco并在Visual Studio Code中使用。

更新 11.22.2015: Visual Studio Code 现在是开源的,这意味着我们可以访问 Monaco Editor 的源代码。我认为这现在应该使我们能够在浏览器中使用 Monaco 编辑器,我正在等待对VS Code repostiroy 中我的问题的答复。

Visual Studio Code 的“编辑器”(使用语法高亮、行号等渲染代码的东西)部分是 Microsoft 的 Monaco 编辑器。它与用于 OneDrive、Windows Azure、TypeScript Playground 和 Visual Studio Online 的编辑器相同。我还没有从微软找到任何关于这个编辑器的真实文档,但是网上有一些关于它的文章。

在此处阅读有关 Visual Studio Code的更多信息。

于 2015-09-19T13:48:49.520 回答
2

它有一个开源的实现:

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

于 2013-01-11T20:47:12.613 回答
1

有 goormIDE 这也是云 IDE 这是开源或服务版本

如果您使用 node.js,只需键入此命令

$ npm install goorm -g
于 2013-10-30T09:36:21.540 回答
1

我在 node.js 和浏览器中都使用过 TypeScript Compiler API。还与摩纳哥编辑:

是的,TypeScript 和 monaco 编辑器看起来不错,享受吧!

于 2018-10-25T13:59:18.830 回答
0

对于非常简单的东西,您可以尝试 https://chrome.google.com/webstore/detail/typescript-editey/liedfkjkedgcgpddoijfeeeeoikcbmaf

您的打字稿文件将即时转换为 js 文件,您的网站将免费托管在 Google Drive 上。

于 2014-01-14T13:33:54.153 回答
0

我正在使用 CATS,我真的很喜欢它,因为有两件事:

  • IDE 还不错。它完成了它的工作,一旦你练习它,你会喜欢它的!
  • 它是便携式的

最后一个是我最喜欢的功能,因为我不需要安装任何东西(至少在 Windows 下),而且您不需要 Visual Studio(大约 9 Gb 和两个小时的安装时间)。

TypeScript Playground 是一个不错的编辑器,但如果您需要测试小脚本,或者想尝试只能在一个文件中完成的事情!

于 2015-04-17T23:09:31.780 回答
0

Koding提供带有 Root 的 VM,因此您可以安装所需的任何工具,在这种情况下,通过npm install -g typescript.

包括 VM 域和 Apache,因此在浏览器中预览您的工作也很容易 :)

于 2013-12-27T16:21:03.253 回答
0

由于 TypeScript 的 Playground 源代码直到现在才可用,我已经发布了一个实现——同样基于Monaco 编辑器——对编译器选项和代码执行进行了一些增强:

GitHub 存储库:https
://github.com/fabiandev/typescript-playground 在线游乐场:https ://fabiandev.github.io/typescript-playground/

于 2017-10-04T13:34:36.120 回答
0

Typescript Playground 的编辑器名为 Monaco,可在 GH / npm / etc 上找到。

http://github.com/Microsoft/monaco-editor

https://www.npmjs.com/package/monaco-editor

于 2017-08-30T03:09:37.190 回答
0

以下云 IDE 具有不错的 TypeScript 支持:

于 2021-03-19T09:56:02.933 回答