12款开发者实用代码编辑器

本文为开发者编译了12款实用代码编辑器，包括Compilr、CodeMirror、Codeanywhere、Thimble、Dabblet、jsBin、Ecoder等。 编译器 Compilr 是一款在线集成开发套件 (IDE)，目前支持 9 种编程语言：C、C++、C#、Java、JavaScript、PHP、Python、Ruby 和 Visual Basic。 Compilr 由位于加拿大新斯科舍省的 Ninja Otter Inc. 开发。 码镜 CodeMirror 是一个用 JavaScript 实现的代码编辑器。它为用户提供了涵盖几乎所有流行编程语言的代码高亮和自动缩进功能，并在浏览器之上构建了一个简单的IDE。 与普通的代码高亮插件相比，CodeMirror还拥有大量的可编程接口，提供了普通IDE应有的API功能，比如撤消、保存、替换、括号匹配、光标控制等。所以CodeMirror基本上已经做到了一切它需要将自己打造成浏览器中最好的 IDE。 基于此，出现了很多CodeMirror插件，比如JavaScript代码补全插件、搜索插件、代码折叠插件、XML标签自动关闭插件等等。 随处编码 CodeAnyWhere：基于浏览器的代码编辑器是可以在浏览器上运行的代码编辑器。它内置功能强大的FTP客户端，支持最流行的网页格式，并支持多种类型文件的编辑。 Codeanywhere 支持最流行的网页格式（HTML、PHP、JavaScript、CSS 和 XML），支持多种类型文件的编辑，并集成了桌面编辑器的所有良好功能：语法高亮、自动填充代码、智能缩进、支持无限制撤消和重做，以及无数的选项卡。 顶针 Firefox 浏览器背后的非营利组织 Mozilla 宣布推出名为 Thimble 的 HTML/CSS 在线交互式学习网站。该网站是 Mozilla 新推出的 Webmaker 计划的一部分，旨在帮助普通用户学习在线编写 HTML 和 CSS。 CSS。顶针提供双面板设计。左侧是带有语法高亮的代码编辑，右侧可以实时预览网页效果。如果用户对效果满意，可以通过右上角蓝色的“发布”按钮一键发布。通过提供的 Twitter 发布按钮与朋友分享您的设计结果。 Thimble提供两种模式：“从头开始”和基于案例的学习。前一种模式下，Thimble 充当纯粹的编辑器，具有实时预览功能，让用户自由探索和创作；按案例学习模式提供大量真实案例（目前12个，以后会增加更多），每个案例都有详细的注释。 达布莱特 跨浏览器兼容性是前端攻城工程师不得不面对的问题。为了跨浏览器呈现统一的显示效果，攻城工程师不仅要为每个浏览器添加CSS前缀，还需要使用一些特殊的CSS Hack技术。于是，jsFiddle、JSBin等前端代码在线测试工具应运而生。但是jsFiddle的使用仍然存在很多不便。为了解决这个问题，前端攻城工程师Lea Verou亲自动手，开发了一款名为Dabblet的HTML和CSS代码片段在线测试工具。 Dabblet的界面非常简单，操作起来也不复杂。特别适合想要尝试最新的HTML5标签和CSS3样式的新手和前端攻城工程师。 Dabblet 的一大特色是您无需添加 CSS 前缀即可编写代码。因为 Lea Verou 本人就是 CSS-prefix-free JavaScript script -prefix-free 的作者，所以 Dabblet 自然有这个功能。 HTML和CSS代码之间的切换也很方便，只需点击隐藏工具栏右上角的标签即可。用户可以根据自己的习惯调整前端代码的预览效果，浏览器中的全屏预览会在新标签页中打开。 Dabblet 支持使用 Github 帐户登录。测试后的代码片段可以匿名保存或保存在用户的Github:gist中，以便用户可以将代码片段嵌入到自己的站点中或进一步与他人共享。有关更多说明，请参阅 Lea Verou 编写的指南。 jsBin JSBin 是一个 Web 应用程序，主要旨在帮助测试 JavaScript 和 CSS 代码片段。功能与jsFiddle网站一致。编码器 ecoder 是一个用 PHP 和 JavaScript 开发的基于 Web 的代码编辑器。它包括：实时语法突出显示、文件浏览器、文件上传器和标签系统，可以直接在服务器上同时编辑多个文件。 科伊塔 Codeita 是一款基于云的 Web 开发应用程序，为设计人员和程序员提供 Web 应用程序开发套件。它允许用户开发和上传代码、集思广益、交流，然后将项目和文件发布到 Web 服务器。 与GAE和SAE类似，Codeita提供了现成的开发环境。但Codeita更加清爽简洁。 Codeita的功能菜单只有三项：项目、成员、设置。在项目管理中，可以创建、配置和删除多个项目。 Codeita提供了100MB的存储空间，如果用于存储和调试代码，足够同时运行多个项目。在项目配置界面中，我们可以对某个项目进行文件管理、项目共享、数据库配置以及项目发布等操作。 　　Codeita提供FTP账户方便文件管理。创建项目后，您可以通过 FTP 进入以项目名称命名的文件夹。将文件上传到该文件夹​​中。当然，您也可以通过Codeita管理面板的项目管理上传文件。我们可以上传一个WEB应用程序进行测试。 云9 Cloud9 IDE 是一个基于 Node.JS 构建的 JavaScript 程序开发 Web IDE。它有一个非常快的文本编辑器，支持 JS、HTML、CSS 以及这些的混合着色。 Cloud9 IDE 还集成了 Node.js 和 Google Chrome 的调试器，可以在 IDE 中启动、暂停和停止。能够在云计算环境中测试和部署代码。使用WebDAV，它还可以连接到远程工作站。 Cloud9 IDE有一个插件系统来扩展现有的功能。目前，IDE 已经捆绑了多个插件。jsFiddle 一款非常强大的JS在线调试工具，支持多种应用和主流框架。您可以直接在线编辑和调试：HTML、CSS 和 JavaScript。使用起来非常方便，还可以将调试结果直接嵌入到一个非常简洁的页面中。在其他网页中，当我需要编写JavaScript示例代码进行演示时，我可以直接在jsFiddle中完成编写和调试，然后将结果直接嵌入到博客文本中。确实是一个非常方便的选择，如下所示（本例只能在Firefox中查看Result效果）。 代码笔 受 jsFiddle 和 Dribbble 的启发，CodePen 为 Web 开发人员提供了一个展示和交流技能的平台。只要你有GitHub账户，就可以登录分享和展示你的作品，非常有利于专业交流。 eXo 云 IDE eXo Cloud IDE（翻译：http://www.sychzs.cn/ eXo Cloud IDE 是一个基于 Web 的 IDE 代码编辑工具。类似的服务包括 Cloud 9。它还支持将应用程序发布到 Cloud Foundry http://www.sychzs.cn ）现在支持 Cloud Foundry 部署，涵盖 www.sychzs.cn、Micro Cloud Foundry 和任何其他符合 VMC 的实例。开发人员现在可以更快、更轻松地将应用程序部署到任何 Cloud Foundry 部署目标，所有这些都直接在 eXo IDE 中进行。 eXo 是一个托管开发环境，团队可以在其中协作构建 HTML5/JavaScript 应用程序或 Java、PHP 和 Ruby Web 应用程序。 原文链接：http://www.sychzs.cn/news/view/e8523a