總結(jié)
很多嘗試過Zen Coding的人都說它改變了他們寫頁面的方式。當然還有很多事情要做，還有很多的編輯器需要被支持以及一些文檔要寫。請瀏覽現(xiàn)在的文檔 以及源代碼以尋找你的問題的答案。希望你喜歡Zen Coding!
附：Zen coding的具體用法
遺憾的是， 本文原作者并沒有說明zen coding的具體用法，神飛認為有必要做以下簡要的說明。這里就以Aptana/Eclipse和Dreamweaver為例，其它編輯器平臺暫不描述，如有疑問可以在評論中與前端觀察的網(wǎng)友交流。
Aptana/Eclipse
由于Aptana本身就是基于Eclipse的，所以，Zen Coding也是支持Eclipse的，只是需要一個EclipseMonkey插件的支持，Aptana已經(jīng)封裝了這個插件，所以如果你使用Aptana，下面的第一步可以跳過。
- 通過更新網(wǎng)站安裝EclipseMonkey: http://download.eclipse.org/technology/dash/update(如果你使用Aptana，可跳過這一步)
- 在你的當前工作去創(chuàng)建一個頂級的項目，給它命名，比如，就叫zencoding
- 在新創(chuàng)建的項目中創(chuàng)建scripts文件夾
- 解壓縮下載的ZIP插件包到該文件夾。項目結(jié)構(gòu)看起來就像這樣:
- 安裝之后，Aptana的菜單欄中的“腳本(Script)”菜單中將會出現(xiàn)Zen coding相關(guān)子菜單
注意事項：
- Aptana版的官方插件是基于MAC機的，如果你用的是Windows，需要手動更改快捷鍵(在每個文件頭部的注釋片段中更改)
- 官方的文件編碼有點兒亂，修改官方js的時候，請注意編碼問題，修改不當會造成相關(guān)功能的丟失；
DreamWeaver
好消息是，現(xiàn)在已經(jīng)有了Zen coding for DreamWeaver插件，壞消息是，該插件支持的功能很少，只支持展開縮寫功能。而且默認的快捷鍵是無效的。只能在“命令”菜單中點擊操作。另外，沒有測試該插件是不是只支持CS4版本。不過比較好的是，作者將本插件的源碼也放出了，你可以自定義一個Dreamweaver的插件。
事實上，官方的DW插件在Windows下有點兒bug，就是會出現(xiàn)空白的行，我簡單的修正了下，重新編譯了個包，在本機測試沒問題，感興趣的童鞋可以下載嘗試：http://www.boxcn.net/shared/c71z7x7sfe
原作者介紹：
Sergey Chikuyonok是一位俄羅斯的前端開發(fā)工程師和作者，他在優(yōu)化方面有很大的熱情：從圖片、JavaScript效果到工作流程和節(jié)省時間的編碼。訪問他的主頁和他的Twitter。
本文鏈接：http://m.95time.cn/tech/web/2009/7272.asp 
出處：前端觀察
責任編輯：bluehearts
上一頁 Zen Coding:快速編寫HTML/CSS代碼 [4] 下一頁
◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論，我還想發(fā)表評論。
|
第 1 頁 
第 5 頁 Zen Coding:快速編寫HTML/CSS代碼 [5]
