[DevTools] Zen Coding - generating HTML faster!

今天意外發現加速 coding 的工具: Zen Coding

可以用類似 CSS 選取器的方式來快速建立 HTML 程式碼

例如:
ul#menu>li.item*3

這樣的 code 可以快速建立出以下結構, 這樣可以省下很多 key in 的時間~

(可惜...html 在 blog 被改寫了, 呈現不出原始 code, 只好看下方影片吧)

用說的不如用看的, 感受一下...


Zen Coding v0.5 from Sergey Chikuyonok on Vimeo.

目前支援許多開發的 IDE 及文字編輯器: Visual Studio, NetBeans, Eclipse, Notepad++ 等等

現在已將手邊常用的開發工具加上 Zen Coding 外掛, 有空再來貼安裝擷圖