【问题标题】:TypeScript Web-Based IDE [closed]基于 TypeScript Web 的 IDE [关闭]
【发布时间】:2012-12-26 08:44:27
【问题描述】:

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

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

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

【问题讨论】:

    标签: javascript ide typescript


    【解决方案1】:

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

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

    还有一个TypeScript editor build on the ACE Editor,也在GitHub上。

    【讨论】:

      【解决方案2】:

      【讨论】:

      【解决方案3】:

      有一些支持 TypeScript 的 Web IDE,分别是:

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

      【讨论】:

      • TouchDevelop 是用 TypesScript 编写的,但不支持它,它有自己的语言。
      • Cloud9 目前不提供 TypeScript。链接的博客条目不再存在。
      【解决方案4】:

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

      如果你使用 node.js,只需输入这个命令

      $ npm install goorm -g
      

      【讨论】:

        【解决方案5】:

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

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

        【讨论】:

          【解决方案6】:

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

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

          【讨论】:

            【解决方案7】:

            我正在使用 CATS,我非常喜欢它,原因有两点:

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

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

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

            【讨论】:

              【解决方案8】:

              在操场上使用的编辑器非正式地称为Monaco,在Visual Studio Code 中使用。

              2015 年 11 月 22 日更新: Visual Studio Code 现在是开源的,这意味着我们可以访问 Monaco Editor 的源代码。我认为这现在应该让我们能够在浏览器中使用 Monaco 编辑器,我是 waiting on a response 来回答我在 VS Code repostiroy 中的问题。

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

              详细了解 Visual Studio Code here。

              【讨论】:

                【解决方案9】:

                Typescript Playground 的编辑器名为 Monaco,可在 GH / npm / 等上使用。

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

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

                【讨论】:

                  【解决方案10】:

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

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

                  【讨论】:

                    【解决方案11】:

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

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

                    【讨论】:

                      【解决方案12】:

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

                      【讨论】:

                        猜你喜欢
                        • 2014-02-02
                        • 1970-01-01
                        • 2014-08-08
                        • 2010-11-01
                        • 1970-01-01
                        • 2011-03-15
                        • 2010-11-16
                        • 1970-01-01
                        • 1970-01-01
                        相关资源
                        最近更新 更多