Javascript 基于Web的IDE类型脚本

Javascript 基于Web的IDE类型脚本,javascript,ide,typescript,Javascript,Ide,Typescript,鉴于TypeScript是开源的,它还可以作为一种工具,在任何地方下载 我正在开发一个web应用程序,其中客户端可以编写一个用户定义的表达式(使用用户定义的变量和预定义的方法),该表达式在运行时使用C#.Net在服务器上进行计算、编译和使用。使用TypeScript及其出色的基于web的编辑器功能,如语法或错误突出显示、代码完成、方法签名建议等,为我在用户界面上省去了很多麻烦 那么这个编辑器也是TypeScript的一部分吗?如果没有,是否还有其他具有类似功能的开源解决方案?2017年更新:在G

鉴于TypeScript是开源的,它还可以作为一种工具,在任何地方下载

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

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

2017年更新:在GitHub上提供了TypeScript游乐场中使用的

您还可以查看,以获得更多的浏览器外体验


GitHub上还有一个开源的实现:


有一些支持TypeScript的web IDE,即:

  • (从下拉列表中选择TypeScript)

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

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

如果使用node.js,只需键入以下命令

$ npm install goorm -g
提供一个带有Root的VM,以便您可以安装所需的任何工具,在本例中,您可以通过
npm install-g TypeScript
安装TypeScript


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

对于非常简单的东西,您可以尝试一下


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

我使用的是CAT,我非常喜欢它,因为有两件事:

  • IDE还不错。它完成了任务,一旦你用它练习,你会喜欢它的
  • 它是便携式的
最后一个是我最喜欢的功能,因为我不需要安装任何东西(至少在Windows下),而且你也不需要Visual Studio(大约9GB,安装两个小时)


TypeScript是一个很好的编辑器,但是如果你需要测试小脚本,或者想尝试一些只能在一个文件中完成的事情

在操场上使用的编辑器非正式地称为
摩纳哥
,用于

更新日期:2015年11月22日: VisualStudio代码现在是开源的,这意味着我们可以访问Monaco编辑器的源代码。我认为这应该让我们能够在浏览器中使用Monaco编辑器,我在VS代码报告中回答了我的问题

visualstudio代码的“编辑器”(用语法高亮显示、行号等呈现代码的东西)是微软的摩纳哥编辑器。它与OneDrive、Windows Azure、TypeScript Played和Visual Studio Online使用的编辑器相同。我还没有从微软找到任何关于这个编辑器的真实文档,但是网上有一些关于它的文章


阅读有关Visual Studio代码的更多信息。

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


由于TypeScript的游乐场源代码到目前为止尚未提供,因此我发布了一个基于的实现,其中包含一些关于编译器选项和代码执行的增强功能:

GitHub存储库:

在线操场:

我已经在node.js和浏览器中使用了TypeScript编译器API。还与摩纳哥编辑:

  • 浏览器中的操场和编译器API示例100%
  • 在服务器中评估的TS编译器示例和示例:
  • 以及努力(WIP)在浏览器中100%使用monaco editor和typescript构建TS项目编辑器
  • 更多信息请点击此处:

是的,打字稿和编辑看起来不错,享受吧

以下云IDE具有良好的TypeScript支持:


TouchDevelop是用TypesScript编写的,但不支持它,它有自己的语言。Cloud9目前不提供TypeScript。链接的博客条目已不存在。我已将其分叉,并使用最新的typescript 1.5支持制作了自己的更高级版本: