代碼編輯工具

 源代碼編輯器是為編輯計算機程序源代碼而設計的文字編輯程序。它可能是一個單獨的應用程序，也可能嵌入在一個集成的開發(fā)環(huán)境（IDE）或者瀏覽器中。因為編程人員最基本的工作就是編寫源碼，因此源代碼編輯器是最基本的編程工具。

— 維基百科

使用諸如 Notepad 和 TextEdit 之類簡單的文字編輯器即可滿足前端代碼編寫的最低要求。然而，大多數的前端開發(fā)者傾向于使用為編輯程序語言而專門設計的代碼編輯器。

代碼編輯器有各種各樣的類型和大小，因此完全可以根據個人偏好來進行選擇。做出選擇以后，全面地學習使用方法，然后投入到 HTML，CSS，DOM 和 Javascript 的學習中去吧。

盡管如此，我還是強烈認為一款合格的代碼編輯器至少應該達到以下標準（在默認設置或者使用插件的情況下）：

1. 能夠找到關于如何使用該編輯器的條理清晰的文檔；
2. 能夠對 HTML，CSS 以及 Javascript 代碼的質量進行匯報（提示／診斷／報錯）；
3. 提供 HTML，CSS 以及 Javascript 代碼高亮；
4. 提供 HTML，CSS 以及 Javascript 代碼補全；
5. 可以利用插件進行自定義構建；
6. 有許多可以使用的第三方／社區(qū)插件，可以用來把編輯器自定義為自己喜歡的樣子；
7. 小而輕量，同代碼不相耦合。

代碼編輯器: [^1]

• Atom
• Brackets
• Sublime Text [付費]
• WebStorm [付費]
• Visual Studio Code

在線代碼編輯器:

• Cloud9 [增值付費]
• Codeanywhere [增值付費]

可運行，可分享的代碼編輯器:

可以用來分享一定數量，且即刻可以運行在 web 瀏覽器中的代碼。這類工具并非真正的代碼編輯器。

• CodePen [增值付費]
• jsbin.com [增值付費]
• jsfiddle.net
• liveweave.com
• Plunker

建議：

[^1] 強烈建議使用 Visual Studio Code ，這款編輯器非常優(yōu)質并且處于持續(xù)的更新中，另，作為微軟出品的軟件，其質量和更新速度都能夠到有效的保證。