源代码编辑器是为编辑计算机程序源代码而设计的文字编辑程序。它可能是一个单独的应用程序，也可能嵌入在一个集成的开发环境（IDE）或者浏览器中。因为编程人员最基本的工作就是编写源码，因此源代码编辑器是最基本的编程工具。

— 维基百科

使用诸如 Notepad 和 TextEdit 之类简单的文字编辑器即可满足前端代码编写的最低要求。然而，大多数的前端开发者倾向于使用为编辑程序语言而专门设计的代码编辑器。

代码编辑器有各种各样的类型和大小，因此完全可以根据个人偏好来进行选择。做出选择以后，全面地学习使用方法，然后投入到 HTML，CSS，DOM 和 Javascript 的学习中去吧。

尽管如此，我还是强烈认为一款合格的代码编辑器至少应该达到以下标准（在默认设置或者使用插件的情况下）：

1. 能够找到关于如何使用该编辑器的条理清晰的文档；
2. 能够对 HTML，CSS 以及 Javascript 代码的质量进行汇报（提示／诊断／报错）；
3. 提供 HTML，CSS 以及 Javascript 代码高亮；
4. 提供 HTML，CSS 以及 Javascript 代码补全；
5. 可以利用插件进行自定义构建；
6. 有许多可以使用的第三方／社区插件，可以用来把编辑器自定义为自己喜欢的样子；
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 ，这款编辑器非常优质并且处于持续的更新中，另，作为微软出品的软件，其质量和更新速度都能够到有效的保证。