我们的网编流程到底怎么了

  2013-05-25 00:00:00 CST

  Jingwen Peng

  Web

Broke

我一向热衷于使用新的更高效的编辑器、IDE 之类的工具。 有空时会去尝试新的或者我没有使用过的工具。好用则留,不好用则弃。 到现在,我使用的仍然是一条断裂的开发流程。

首先让我们回顾一下我们的网编工具。

Microsoft Internet Explorer and IE Developer Toolbar

IE

很久很久以前,微软发布了当时看来梦幻般的 IE 开发者工具栏。它能查看 Html 网页并且能直接查看相关的 CSS,虽然只是 IE 的一个插件,但它确实很有用。而且直到现在,我们仍是这样去查看网页。

Mozilla Firefox and Firebug

Firefox

接下来就是火狐鼎鼎大名的 FireBug,几乎无人不知无人不晓。我开始接触网编的时候就在用,的确很好用。FireBug 很像 IE 的开发工具插件,但又像是它的下一代,强大无比的感觉。但它仍然是一个 “检查工具”,展现 DOM,展现样式。

Google Chrome and Developer Tools

Chrome

Google Chrome 把 WebKit 内核带到了所有的平台上,全新的 UI 设计,全新的引擎,一出生就打着高速的旗号。它确实名副其实,用了 Chrome 之后就没再用过 FireFox,一方面是使用 Google 服务方便,另一方面当然是它优秀的开发工具。用 Chrome 的开发工具甚至可以直接修改 CSS 并时实进行查看,是公认的第三代 DOM 查看器,但它还是查看器,我们最基本的开发工具一直都是查看器。

我们现在使用的工具依旧是为许多年前的网编环境所开发的,只有一些简单的布局,只有几行 JavaScript。 于是我们的开发流程完全断了,就像这样:

Broke

有些编辑工具试图解决这个问题,但它们只是把问题变得更复杂,使用更多的工具。

如果当我们在写 Html,JS 时候,如果能实时展现在浏览器上,那我们的效率就会高很多。 那我们的流程就会变成这样:

Work

这样就变成了完整的流程了。

这时就需要一个实时编辑并且能在浏览器中实时查看效果的编辑器就是神器了,它确实存在。 WebStorm LiveEdit + Chrome ,具体怎么用直接去 Google。 这里有一段非常酷的演示视频,http://youtu.be/wCVwdvufTds

WebStorm 是一个 IDE,对我来说太过庞大,太过复杂,我只是希望有一个 单纯的编辑器 而已,于是我还是在用我的 Sublime Text 和 Coda。我仍然在使用那条断裂的开发流程。

最后应该有所期待。 下一个大事件是 Adobe,http://html.adobe.com/ 这里有很多看起来很高效很酷的开发工具。创造出网页神话 Flash 的 Adobe 是否能改变网编,我们一起拭目以待吧。

如果您有疑问或建议,请在下方评论区域留言

遵循 BY-NC-ND 协议

评论功能加载中...