12 個開發人員的實用代碼編輯器

jopen 11年前發布 | 44K 次閱讀 編輯器

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” 按鈕一鍵發布,還可通過提供的 推ter 發布按鈕與好友分享你的設計成果。

Thimble 提供了“Start from scratch” 從零開始 和 按案例學習兩種模式,前一種模式下,Thimble 相當于充當了一個帶實時預覽的純編輯器的角色,由用戶在里面自由摸索創造;按案例學習模式下則提供了大樣的真實案例(目前為 12 個,后續會增加),每個案例里都有詳細的注釋。

Dabblet

跨瀏覽器兼容,對前端攻城師們來說是一個不得不處理的問題。為了在瀏覽器間呈現統一的顯示效果,攻城師們不僅要為每個游覽器添加 CSS 前綴,甚至還需要用到一些特殊的 CSS Hack 技巧。于是, jsFiddleJSBin 等前端代碼的在線測試工具應運而生。然而,使用 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 應用程序。

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!