1. Webstorm

WebStorm 是一種輕量級(jí)的、功能強(qiáng)大的 IDE，為Node.js復(fù)雜的客戶端開發(fā)和服務(wù)器端開發(fā)提供完美的解決方案。 WebStorm的智能代碼編輯器支持JavaScript, Node.js, HTML和 CSS。 WebStorm支持Windows, Mac OS和Linux平臺(tái)。(WebStorm目前7折促銷，還有打折心愿，自己想怎么打折就怎么打折。【年終大促 巔峰盛"慧" 】促銷火熱進(jìn)行中 iPhone 6 Plus、 iPhone 6、iPad Air滿就送，還不趕快買買買！)
2. Notepad++

Notepad++是一套非常有特色的自由軟件的純文字編輯器(許可證:GPL)，有完整的中文化接口及支持多國語言編寫的功能(UTF8 技術(shù))。它的功能比 Windows 中的 Notepad(記事本)強(qiáng)大，除了可以用來制作一般的純文字說明文件，也十分適合當(dāng)作編寫電腦程序的編輯器。Notepad++ 不僅有語法高亮度顯示，也有語法折疊功能，并且支持宏以及擴(kuò)充基本功能的外掛模組。
3. Brackets

Brackets是一個(gè)免費(fèi)、開源且跨平臺(tái)的 HTML/CSS/JavaScript 前端 WEB 集成開發(fā)環(huán)境 (IDE工具)。該項(xiàng)目由 Adobe 創(chuàng)建和維護(hù)，根據(jù)MIT許可證發(fā)布，支持 Windows、Linux 以及 OS X 平臺(tái)。Brackets 的特點(diǎn)是簡約、優(yōu)雅、快捷，它的核心目標(biāo)是減少在開發(fā)過程中那些效率低下的重復(fù)性工作，例如瀏覽器刷新，修改元素的樣式，搜索功能等等。
4. JS Nice

JS Nice是一款讓經(jīng)過混淆處理的 JavaScript 代碼可讀更好的工具。它使用一種新型的用于 JavaScript 代碼美化的去混淆和去壓縮引擎。JSNice 采用先進(jìn)的機(jī)器學(xué)習(xí)和程序分析技術(shù)，從可用的開源項(xiàng)目學(xué)習(xí)命名和類型規(guī)律。
5.JS Hint

JSHint 是一個(gè)JavaScript語法和風(fēng)格檢查工具，你可以用它來提醒代碼風(fēng)格相關(guān)的問題。它可以很好地被集成到許多常用的編輯器中，是統(tǒng)一團(tuán)隊(duì)編碼風(fēng)格的一個(gè)很好的工具。
6. Js Bin

JSBin是一個(gè) Web 應(yīng)用，主要用于幫助測試 JavaScript 和 CSS 的代碼片段。JSBin與允許你編輯和測試JavaScript 及 HTML，你可以隨時(shí)保存，并將URL發(fā)送給同行審查或獲取幫助，他們可以對(duì)內(nèi)容進(jìn)一步修改并重新保存。
7. Kinetic Wing

KineticWing是一個(gè)免費(fèi)的輕量級(jí)IDE，適用于所有主要的操作系統(tǒng)（對(duì)Mac的支持即將推出）。它不是一個(gè)復(fù)雜的IDE，更像是一個(gè)具有現(xiàn)代特 色的智能文本編輯器。這些功能包括：支持Sass或Less（具有內(nèi)置編譯器），支持HTML5及CSS3，支持CoffeeScript。
8. Code Mirror

CodeMirror 是一款基于Javascript實(shí)現(xiàn)的在線代碼編輯器，它專門用于編輯代碼，并配有大量語言模式，可實(shí)現(xiàn)更高級(jí)的編輯功能。CodeMirror不是某個(gè)富文本編輯器的附屬產(chǎn)品，它是許多大名鼎鼎的在線代碼編輯器的基礎(chǔ)庫。
9. Ace

ACE是用JavaScript編寫的一個(gè)可嵌入的代碼編輯器。它能與許多本地編輯器匹配，如Sublime，Vim和TextMate等。ACE被作為Cloud9 ID的主編輯器維護(hù)，也是Mozilla Skywriter項(xiàng)目的繼承。
10. Net Beans

NetBeans IDE 是一個(gè)屢獲殊榮的集成開發(fā)環(huán)境,可以方便的在Windows，Mac，Linux和Solaris中運(yùn)行。NetBeans包括開源的開發(fā)環(huán)境和應(yīng)用平 臺(tái)，NetBeans IDE可以使開發(fā)人員利用Java平臺(tái)能夠快速創(chuàng)建Web、企業(yè)、桌面以及移動(dòng)的應(yīng)用程序，NetBeans IDE目前支持PHP、Ruby、JavaScript、Ajax、Groovy、Grails和C/C++等開發(fā)語言。
11. Cloud 9

Cloud9 IDE是一個(gè)基于Node.JS構(gòu)建的JavaScript程序開發(fā)Web IDE。它擁有一個(gè)非常快的文本編輯器，支持為JS, HTML, CSS和這幾種的混合代碼進(jìn)行著色顯示。Cloud9 IDE還為node.js和Google Chrome集成調(diào)試器可以在IDE中啟動(dòng)、暫停和停止，能夠在云計(jì)算環(huán)境中測試和部署你的代碼。
12. Komodo Edit

Komodo Edit 是一個(gè)開源的跨平臺(tái)編輯器,它支持Windows、Linux和 Mac。它通常跟Komodo 集成開發(fā)環(huán)境一起發(fā)布,也可以單獨(dú)使用。Komodo Edit 支持JavaScript , Ruby, Tcl, PHP, Perl等流行的編程語言。 Komodo Edit具有語法高亮、語法檢查、Vi模擬、自動(dòng)完成等功能。
13. JS Fiddle

jsFiddle 是一個(gè)在線的shell編輯器，通過流行的JS框架創(chuàng)建自定義的環(huán)境，以簡化JS代碼。可以用于測試示例代碼。不僅如此，你還可以添加一個(gè)Ajax echo后端，并且通過一系列的JavaScript框架自動(dòng)載入資源，如MooTools, jQuery, Dojo, Prototype, YUI, Glow,Vanilla等。還有一個(gè)重要特性就是能夠保存和分享一個(gè)unique URL generated代碼，jsFiddle還有一個(gè)嵌入的功能。
14. Sublime Text

Sublime Text 是一個(gè)輕量、簡潔、高效、跨平臺(tái)的編輯器。具有良好的擴(kuò)展功能，強(qiáng)大的快捷命令“可以實(shí)時(shí)搜索到相應(yīng)的命令、選項(xiàng)、snippet 和 syntex，支持 VIM 模式，支持宏，支持多重選擇(Multi-Selection)功能。
15. Codepen

CodePen是一個(gè)Web前端的運(yùn)行場地，具備機(jī)動(dòng)、訓(xùn)練和分享等多種功能。同時(shí)，CodePen還可以讓使用者構(gòu)建一個(gè)壓縮版本的測試案例來證明并解決編碼當(dāng)中的錯(cuò)誤。
16. Eclipse

Eclipse 是著名的跨平臺(tái)的自由集成開發(fā)環(huán)境（IDE）。最初主要用來Java語言開發(fā)，但是目前亦有人通過插件使其作為其他計(jì)算機(jī)語言比如C++和Python的開發(fā)工具。
17. Koding

koding 是一個(gè)免費(fèi)的，功能齊全的云開發(fā)環(huán)境，創(chuàng)建和編輯代碼非常方便。它提供了一些不錯(cuò)的協(xié)作工具。注冊(cè)后你可以得到一個(gè)免費(fèi)的虛擬機(jī)，協(xié)助你的開發(fā)旅程。
18. Scripted

Scripted 是一個(gè)快速而且輕量級(jí)的 JavaScript 代碼編輯器，基于 Web 瀏覽器。Scripted由VMware基于Eclipse Orion的編輯器組件開發(fā)。它工作于本地，并且由Node.js Web服務(wù)器提供內(nèi)容服務(wù)。
19. Codio

Codio 是一個(gè)功能強(qiáng)大的云計(jì)算和基于瀏覽器的IDE（web ide），從原型到部署，涵蓋了完整的web開發(fā)周期。Codio支持包括Javascript，PHP，Ruby等幾乎所有的編程語言。
20. Light Table

LightTable 是用 clojure 和 css 開發(fā)的全新理念的 IDE，支持多種語言。支持插件架構(gòu)，內(nèi)聯(lián)文檔和文檔搜索，支持自動(dòng)完成、paredit特性以及后端允許遠(yuǎn)程nrepl會(huì)話等。Light Table是開源的，其代碼全部托管在GitHub上，遵循GNU開源許可。