12個(gè)開發(fā)人員的實(shí)用代碼編輯器
Compilr 是一個(gè)在線的集成開發(fā)懷集（IDE），目前支持9種編程語言：C、C++、C#、Java、JavaScript、PHP、Python、Ruby 和 Visual Basic。 Compilr 由坐落于加拿大新斯科舍省的 Ninja Otter Inc 公司開發(fā)。
CodeMirror是一個(gè)利用JavaScript實(shí)現(xiàn)代碼編輯器。它為使用者提供了幾乎覆蓋全部流行編程語言的代碼高亮和自動(dòng)縮進(jìn)功能，在瀏覽器之上構(gòu)建了一個(gè)簡易的IDE。
相比于普通的代碼高亮插件，CodeMirror還具有了大量的可編程接口，提供了諸如撤銷、保存、替換、括號(hào)匹配、光標(biāo)控制等通常IDE所應(yīng)具有的API功能。因此，CodeMirror實(shí)質(zhì)上已經(jīng)做好了將自身作為瀏覽器中最佳IDE所需的一切。
基于此，許多CodeMirror插件已經(jīng)出現(xiàn)，例如JavaScript的代碼補(bǔ)全插件、搜索插件、代碼折疊插件、XML標(biāo)簽自動(dòng)閉合插件等等。
CodeAnyWhere：基于瀏覽器代碼編輯器是可以運(yùn)行在瀏覽器上的代碼編輯器，內(nèi)嵌強(qiáng)大的FTP客戶端，支持多數(shù)流行的網(wǎng)頁格式，支持編輯多種類型的文件。
Codeanywhere支持多數(shù)流行的網(wǎng)頁格式（HTML、PHP、JavaScript、CSS和XML)，支持編輯多種類型的文件，集成了桌面編輯器中所有好的特征：高亮顯示語法、自動(dòng)填充代碼、智能縮進(jìn)、支持無限次的撤銷和重做、無數(shù)個(gè)tabs。
Firefox 瀏覽器背后的非營利性組織 Mozilla 宣布推出了一個(gè)名為 Thimble 的 HTML/CSS 在線交互式學(xué)習(xí)網(wǎng)站，該站是 Mozilla 新近推出的 Webmaker 計(jì)劃 的組成部分，旨在幫助普通用戶在線學(xué)習(xí)編寫 HTML 和 CSS。
Thimble 提供的是雙面板設(shè)計(jì)，左側(cè)為帶語法高亮的代碼編輯，右側(cè)可實(shí)時(shí)預(yù)覽網(wǎng)頁效果，如果用戶對效果滿意，可通過右上方的藍(lán)色 “Publish” 按鈕一鍵發(fā)布，還可通過提供的 Twitter 發(fā)布按鈕與好友分享你的設(shè)計(jì)成果。
Thimble 提供了“Start from scratch” 從零開始 和 按案例學(xué)習(xí)兩種模式，前一種模式下，Thimble 相當(dāng)于充當(dāng)了一個(gè)帶實(shí)時(shí)預(yù)覽的純編輯器的角色，由用戶在里面自由摸索創(chuàng)造；按案例學(xué)習(xí)模式下則提供了大樣的真實(shí)案例（目前為 12 個(gè)，后續(xù)會(huì)增加），每個(gè)案例里都有詳細(xì)的注釋。
跨瀏覽器兼容，對前端攻城師們來說是一個(gè)不得不處理的問題。為了在瀏覽器間呈現(xiàn)統(tǒng)一的顯示效果，攻城師們不僅要為每個(gè)游覽器添加 CSS 前綴，甚至還需要用到一些特殊的 CSS Hack 技巧。于是， jsFiddle、 JSBin 等前端代碼的在線測試工具應(yīng)運(yùn)而生。然而，使用 jsFiddle 仍有很多 不便之處。為了解決這個(gè)問題，前端攻城師 Lea Verou 自己動(dòng)手，開發(fā)了一個(gè)名為 Dabblet 的 HTML 和 CSS 代碼段在線測試工具。
Dabblet 的界面十分簡潔，操作起來并不復(fù)雜，特別適合新手和想嘗試最新 HTML5 標(biāo)簽和 CSS3 樣式的前端攻城師使用。Dabblet 的一大特色是代碼編寫時(shí)可免加 CSS 前綴。因?yàn)椋琇ea Verou 本人就是免 CSS 前綴 JavaScript 腳本 -prefix-free 的作者，Dabblet 擁有此功能當(dāng)然是順理成章的事。HTML 和 CSS 代碼間的切換也很方便，點(diǎn)擊隱藏工具欄右上方的標(biāo)簽即可。用戶可以根據(jù)習(xí)慣，調(diào)整前端代碼的預(yù)覽效果，瀏覽器內(nèi)全屏預(yù)覽將新標(biāo)簽頁中打開。
Dabblet 支持用 Github 帳號(hào)登錄，測試的代碼段既可以匿名保存也可以保存在用戶的 Github:gist 中，以便用戶將代碼段嵌入自己的站點(diǎn)或是進(jìn)一步分享給其他人。更多使用說明，請參考 Lea Verou 撰寫的 指南。
JSBin 是一個(gè) Web 應(yīng)用，主要用于幫助測試 JavaScript 和 CSS 的代碼片段。功能與 jsFiddle 網(wǎng)站一致。
ecoder是一個(gè)基于Web的代碼編輯器，采用PHP和JavaScript開發(fā)。它包括：實(shí)時(shí)語法加亮，一個(gè)文件瀏覽器，一個(gè)文件上傳器和一個(gè)標(biāo)簽系統(tǒng)能夠?qū)崿F(xiàn)直接在服務(wù)器上同時(shí)編輯多個(gè)文件。
Codeita是一個(gè)基于云的Web開發(fā)應(yīng)用，它面向設(shè)計(jì)師和程序員，提供Web應(yīng)用程序開發(fā)套件，它允許用戶開發(fā)并上傳代碼，集思廣益，溝通交流，然后將公布的項(xiàng)目和文件到Web服務(wù)器。
與GAE和SAE類似，Codeita提供了一個(gè)現(xiàn)成的開發(fā)環(huán)境。但Codeita則更加清爽而簡潔。
Codeita的功能菜單只有三項(xiàng)：項(xiàng)目、成員、設(shè)置。項(xiàng)目管理中，可以創(chuàng)建、配置和刪除多個(gè)項(xiàng)目。Codeita提供了100MB的存儲(chǔ)空間，如果用來存放和調(diào)試代碼，足夠同時(shí)進(jìn)行多個(gè)項(xiàng)目了。在項(xiàng)目的配置界面中，我們可以針對某個(gè)項(xiàng)目進(jìn)行文件管理、項(xiàng)目分享、數(shù)據(jù)庫配置和項(xiàng)目發(fā)布。 Codeita提供了FTP賬號(hào)方便進(jìn)行文件的管理。在創(chuàng)建一個(gè)項(xiàng)目之后，F(xiàn)TP進(jìn)去可以看到以項(xiàng)目名命名的文件夾。把文件上傳到那個(gè)文件夾里面。當(dāng)然也可以通過Codeita管理面板的項(xiàng)目管理里上傳文件。我們可以上傳一個(gè)WEB應(yīng)用程序以便測試。
Cloud9 IDE是一個(gè)基于Node.JS構(gòu)建的JavaScript程序開發(fā) Web IDE。它擁有一個(gè)非?？斓奈谋揪庉嬈髦С譃镴S, HTML, CSS和這幾種的混合代碼進(jìn)行著色顯示。Cloud9 IDE還為node.js和Google Chrome集成調(diào)試器可以在IDE中啟動(dòng)、暫停和停止。能夠在云計(jì)算環(huán)境中測試和部署你的代碼。使用WebDAV，它還可以連到遠(yuǎn)程工作臺(tái)。 Cloud9 IDE擁有一個(gè)插件系統(tǒng)用來擴(kuò)展現(xiàn)有功能，當(dāng)前該IDE已經(jīng)捆綁好幾個(gè)插件。
很強(qiáng)大的JS在線調(diào)試工具，支持多種應(yīng)用多種主流框架，可以在線直接編輯調(diào)試：HTML、CSS、JavaScript,用起來非常方便，而且還可以將調(diào)試好的結(jié)果以非常簡潔的頁面直接嵌入在其他網(wǎng)頁里，這樣我需要寫演示用的JavaScript實(shí)例代碼的時(shí)候，就完全可以在jsFiddle里面直接完成編寫后調(diào)試，再將結(jié)果直接嵌入Blog正文里即可了，真的是很方便的選擇，如下所示(這個(gè)例子只能在Firefox里查看Result效果)。
CodePen受啟發(fā)于jsFiddle和Dribbble，它為網(wǎng)頁開發(fā)者提供了一個(gè)展示和交流技藝的平臺(tái)。只要擁有一個(gè)GitHub帳號(hào)，即可登錄其中分享、展示自己的作品，非常利于專業(yè)交流。
eXo Cloud IDE（譯注：http://cloud-ide.com/ eXo Cloud IDE是一個(gè)基于Web的IDE代碼編輯工具，類似的服務(wù)還有Cloud 9，同樣也支持發(fā)布應(yīng)用到Cloud Foundry http://C9.io） 現(xiàn)在支持 Cloud Foundry 部署，涵蓋 Cloudfoundry.com、Micro Cloud Foundry 及任何其他 VMC 兼容的實(shí)例。開發(fā)人員現(xiàn)在可以更快、更輕松地將應(yīng)用程序部署到任意 Cloud Foundry 部署目標(biāo)，一切均在 eXo IDE 中直接完成。eXo 是一個(gè)托管開發(fā)環(huán)境，團(tuán)隊(duì)可以在其中相互協(xié)作，構(gòu)建 HTML5/JavaScript 應(yīng)用程序或 Java、PHP 和 Ruby Web 應(yīng)用程序。
