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 應用程序。