使用 HTML 编辑器
所有可以编辑“纯文字”的编辑器，都能作为 HTML 的编辑器使用，但有些比较优秀的编辑器，提供了“程序码上色”、“除错”、“快速产生程序码”等功能，利用这些编辑器进行编辑 HTML，就能大幅加快开发速度，这篇文章会介绍一些主流的 HTML 编辑器，以及一些好用的线上 HTML 编辑器。
本机环境 HTML 编辑器
只要将文字文件储存为“.html”格式，就是一份 HTML 网页文件，由于 HTML 是“纯文字”文件，可以单纯透过本机环境例如 Windows 内建的 Notepad，Mac 内建的 TextEdit 或 Linux 的 Vim 都可以用来编辑 HTML，但相对来说使用内建的文字编辑器，在程序码上色或除错的部分，就稍嫌薄弱。
如果要拥有 HTML 开发的进阶功能，就需要安装一些“程序码”专用的编辑器，下方列出三个常用的免费编辑器，都可以作为 HTML 的编辑器使用。
| 编辑器 | 说明 |
|---|---|
| VS Code | VS Code 是微软所推出的编辑器，支援语法突显、程序码自动补全、程序码重构...等功能，并且内建了命令列工具和 Git 版本控制系统，是目前主流的编辑器。 |
| Atom | Atom 是 GitHub 所推出的编辑器，强调开放源代码、跨平台、内建 git 及软件包系统...等，是目前主流的编辑器。 |
| Sublime Text | 由 Google 工程师所开发的软件，除了开放源代码以及轻便快速，也具有非常强大的扩充能力，但由于 VS Code 和 Atom 的推出，造成 Sublime Text 变成不是主流的编辑器。 |
线上 HTML 编辑器
除了本机环境的编辑器，如果只是要进行 HTML 的测试或范例展示，也可以使用一些免费的线上 HTML 编辑器，下方列出三个推荐的免费线上编辑器，三款编辑器都有内建主流的 js 函数库或框架，直接勾选就可以套用。
| 编辑器 | 说明 |
|---|---|
| JS Bin | 老牌的“所见即所得”线上编辑器，可以编辑 HTML、CSS 和 JavaScript，许多课程或是范例分享，都会使用 JS BIN 作为展示。 |
| JSFiddle | 老牌的“所见即所得”线上编辑器，可以编辑 HTML、CSS 和 JavaScript，许多课程或是范例分享，也会使用 JSFiddle 作为展示。 |
| CodePen | 偏向“作品展示”的线上编辑器，除了可以编辑 HTML、CSS 和 JavaScript，更加入社群的功能，让程序员可以在平台里分享自己的程序作品。 |
小结
不论是本机环境的编辑器还是线上编辑器，只要编辑 HTML 标记语言，就能产生出指定的网页，不过由于 HTML 的容错能力很高，就算 HTML 语法有错误，产生的网页往往也能正常显示 ( 但这样是错误的观念 )，透过编辑器的一些功能，除了可以加快开发速度，也更能提醒程序码里面哪里有写错，总而言之，工欲善其事必先利其器，开发 HTML 之前，先挑选一个好用的编辑器来使用吧。
微信扫码关注
抖音扫码关注