12 个开发人员的实用代码编辑器

Compilr Compilr 是一个在线的集成开发怀集（IDE），目前支持9种编程语言：C、C++、C#、Java、JavaScript、PHP、Python、Ruby 和 Visual Basic。 Compilr 由坐落于加拿大新斯科舍省的 Ninja Otter Inc 公司开发。 CodeMirror CodeMirror是一个利用JavaScript实现代码编辑器。它为使用者提供了几乎覆盖所有流行编程语言的代码高亮和自动缩进功能，在浏览器之上构建了一个简易的IDE。 相比于普通的代码高亮插件，CodeMirror还具备了大量的可编程接口，提供了诸如撤销、保存、替换、括号匹配、光标控制等一般IDE所应具备的API功能。所以，CodeMirror实质上已经作好了将自身做为浏览器中最佳IDE所需的一切。 基于此，许多CodeMirror插件已经出现，例如JavaScript的代码补全插件、搜索插件、代码折叠插件、XML标签自动闭合插件等等。 Codeanywhere CodeAnyWhere：基于浏览器代码编辑器是能够运行在浏览器上的代码编辑器，内嵌强大的FTP客户端，支持多数流行的网页格式，支持编辑多种类型的文件。 Codeanywhere支持多数流行的网页格式（HTML、PHP、JavaScript、CSS和XML)，支持编辑多种类型的文件，集成了桌面编辑器中全部好的特征：高亮显示语法、自动填充代码、智能缩进、支持无限次的撤销和重作、无数个tabs。 Thimble Firefox 浏览器背后的非营利性组织 Mozilla  宣布推出了一个名为 Thimble 的 HTML/CSS 在线交互式学习网站，该站是 Mozilla 新近推出的 Webmaker 计划 的组成部分，旨在帮助普通用户在线学习编写 HTML 和 CSS。 Thimble 提供的是双面板设计，左侧为带语法高亮的代码编辑，右侧可实时预览网页效果，若是用户对效果满意，可经过右上方的蓝色 “Publish” 按钮一键发布，还可经过提供的 Twitter 发布按钮与好友分享你的设计成果。 Thimble 提供了“Start from scratch” 从零开始 和 按案例学习两种模式，前一种模式下，Thimble 至关于充当了一个带实时预览的纯编辑器的角色，由用户在里面自由摸索创造；按案例学习模式下则提供了大样的真实案例（目前为 12 个，后续会增长），每一个案例里都有详细的注释。 Dabblet 跨浏览器兼容，对前端攻城师们来讲是一个不得不处理的问题。为了在浏览器间呈现统一的显示效果，攻城师们不只要为每一个游览器添加 CSS 前缀，甚至还须要用到一些特殊的 CSS Hack 技巧。因而， jsFiddle、 JSBin 等前端代码的在线测试工具应运而生。然而，使用 jsFiddle 仍有不少 不便之处。为了解决这个问题，前端攻城师 Lea Verou 本身动手，开发了一个名为 Dabblet 的 HTML 和 CSS 代码段在线测试工具。 Dabblet 的界面十分简洁，操做起来并不复杂，特别适合新手和想尝试最新 HTML5 标签和 CSS3 样式的前端攻城师使用。Dabblet 的一大特点是代码编写时可免加 CSS 前缀。由于，Lea Verou 本人就是免 CSS 前缀 JavaScript 脚本 -prefix-free 的做者，Dabblet 拥有此功能固然是瓜熟蒂落的事。HTML 和 CSS 代码间的切换也很方便，点击隐藏工具栏右上方的标签便可。用户能够根据习惯，调整前端代码的预览效果，浏览器内全屏预览将新标签页中打开。 Dabblet 支持用 Github 账号登陆，测试的代码段既能够匿名保存也能够保存在用户的 Github:gist 中，以便用户将代码段嵌入本身的站点或是进一步分享给其余人。更多使用说明，请参考 Lea Verou 撰写的 指南。 jsBin JSBin 是一个 Web 应用，主要用于帮助测试 JavaScript 和 CSS 的代码片断。功能与 jsFiddle 网站一致。 Ecoder ecoder是一个基于Web的代码编辑器，采用PHP和JavaScript开发。它包括：实时语法加亮，一个文件浏览器，一个文件上传器和一个标签系统可以实现直接在服务器上同时编辑多个文件。 Codeita Codeita是一个基于云的Web开发应用，它面向设计师和程序员，提供Web应用程序开发套件，它容许用户开发并上传代码，集思广益，沟通交流，而后将公布的项目和文件到Web服务器。 　　与GAE和SAE相似，Codeita提供了一个现成的开发环境。但Codeita则更加清爽而简洁。 Codeita的功能菜单只有三项：项目、成员、设置。项目管理中，能够建立、配置和删除多个项目。Codeita提供了100MB的存储空间，若是用来存放和调试代码，足够同时进行多个项目了。在项目的配置界面中，咱们能够针对某个项目进行文件管理、项目分享、数据库配置和项目发布。 　　Codeita提供了FTP帐号方便进行文件的管理。在建立一个项目以后，FTP进去能够看到以项目名命名的文件夹。把文件上传到那个文件夹里面。固然也能够经过Codeita管理面板的项目管理里上传文件。咱们能够上传一个WEB应用程序以便测试。 Cloud9 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里面直接完成编写后调试，再将结果直接嵌入Blog正文里便可了，真的是很方便的选择，以下所示(这个例子只能在Firefox里查看Result效果)。 CodePen CodePen受启发于jsFiddle和Dribbble，它为网页开发者提供了一个展现和交流技艺的平台。只要拥有一个GitHub账号，便可登陆其中分享、展现本身的做品，很是利于专业交流。 eXo Cloud IDE eXo Cloud IDE（译注：http://cloud-ide.com/ eXo Cloud IDE是一个基于Web的IDE代码编辑工具，相似的服务还有Cloud 9，一样也支持发布应用到Cloud Foundry http://C9.io） 如今支持 Cloud Foundry 部署，涵盖 Cloudfoundry.com、Micro Cloud Foundry 及任何其余 VMC 兼容的实例。开发人员如今能够更快、更轻松地将应用程序部署到任意 Cloud Foundry 部署目标，一切均在 eXo IDE 中直接完成。eXo 是一个托管开发环境，团队能够在其中相互协做，构建 HTML5/JavaScript 应用程序或 Java、PHP 和 Ruby Web 应用程序。