网页编辑器

我盯着屏幕右下角那个闪烁的网页光标，已经超过十分钟了。编辑这是网页今天第三次打开这个在线代码编辑器，前两次都以清空页面告终。编辑不是网页没有想法，而是编辑想法太多——就像站在自助餐台前，面对三十道菜反而不知道夹哪盘。网页

网页编辑器这东西，编辑本质上是网页个驯服工具。它把HTML、编辑CSS、网页JavaScript这些桀骜不驯的编辑字符，关进一个带语法高亮和自动补全的网页笼子里。我最早用的编辑编辑器是Windows记事本，2003年，网页写一个带背景色的页面要反复保存刷新，像在黑暗中摸索电灯开关。后来用Dreamweaver，那家伙像个过度热情的管家，总想替你决定客厅怎么摆——你明明只想改个字体颜色，它非要问你“是否同时更新整个站点的样式表？”

现在的浏览器内编辑器倒是轻巧多了。CodePen、JSFiddle，打开就能写，写完立刻看效果。我特别喜欢那种分栏布局：左边代码，右边预览，中间一道可以拖动的分隔线。这设计很妙，它把“写”和“看”的距离压缩到零，你调整一个padding值，右边就立刻呼吸起来。有次我在调一个卡片阴影，从0px加到25px，看着那个灰色影子从无到有、从实到虚，像在给一个隐形人拍照，慢慢显影。

但编辑器也有它的小脾气。自动补全偶尔会自作聪明，你输入“fon”，它立刻跳出一串“font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;”——天知道我根本不想用Helvetica。还有那个括号匹配功能，有时候我故意不闭合标签，想看看浏览器怎么“谅解”我，结果编辑器先急了，在行号旁边画个红色波浪线，像老师批改作业时皱起的眉头。

我认识一个做前端的朋友，他坚持用Vim写代码，说鼠标是“给懒人准备的”。他敲键盘的速度快到我看不清，整个屏幕像被施了魔法，字符自己排好队站进该站的位置。但我用不来那种模式，切换插入和命令状态时总按错键，最后文档里全是乱码。这大概就是工具和人之间的缘分——不是所有好工具都适合所有人，也不是所有人都需要最强大的工具。

现在这个编辑器里，我正写着一个简单的个人主页。背景是浅灰色，标题用了一个不太常见的字体，正文行高设成1.8倍——这样读起来不累。右边预览区里，页面慢慢成形，像照片在显影液里浮现。我突然想起第一次用编辑器时，连居中一个div都要折腾半小时，现在倒觉得，编辑器就像个老朋友，它知道你习惯把代码写成什么样子，也知道你会在哪一行卡住。

光标还在闪。这次我决定不再纠结，直接敲下第一行：<!DOCTYPE html>。后面的路，编辑器会陪着我走。