快捷鍵
- Ctrl+,
展開縮寫
- Ctrl+M
匹配對
- Ctrl+H
使用縮寫包括
- Shift+Ctrl+M
合并行
- Ctrl+Shift+?
上一個編輯點
- Ctrl+Shift+?
下一個編輯點
- Ctrl+Shift+?
定位匹配對
這些快捷鍵是可以自定義的。
在線演示
你已經(jīng)學(xué)到很多關(guān)于Zen Coding如何工作以及它是如何使你的編碼更容易了,F(xiàn)在為什么不自己嘗試一下呢?因為Zen Coding是用純JavaScript開發(fā)并遷移到Python,它甚至可以用于瀏覽器內(nèi)部,這令它成為引入到CMS的首選。
支持的編輯器
Zen Coding并不依賴某個特定的編輯器。它是一個只處理文本的出色的組件:它獲取文本、做一些處理并放回新的文本(或索引,用于標(biāo)簽匹配)。Zen Coding由JavaScript和Python編寫,所以它實際上可以運行于任何平臺。在Windows,你可以運行JavaScript版本,而Mac和Linux 分支可以使用Python版。
如果讓你的編輯器支持Zen Coding,你需要寫一個特定的可以在你的編輯器和Zen Coding之間轉(zhuǎn)換數(shù)據(jù)的插件。問題是一個編輯器可能不會完整的支持Zen Coding因為它本身的插件系統(tǒng)。比如,TextMate 通過使用腳本輸出替換當(dāng)前行很容的就支持了“展開縮寫”功能,但是它不能處理標(biāo)簽對匹配因為沒有標(biāo)準(zhǔn)的方法請求TextMate來選擇內(nèi)容。
完全支持
部分支持(只支持“展開縮寫”)
Aptana是我主要的開發(fā)環(huán)境,它使用一個JavaScript版本的Zen Coding。它也包含很多其它的我用于日常工作的工具,所以任何一個新的Zen Coding版本都將會首先對Aptana可用,然后部署到Python并兼容其它的編輯器。
Coda和Espresso 插件被杰出的Text Editor Actions (TEA) 平臺支持,由Ian Beck開發(fā)。原始的源代碼在GitHub上,但我還是制作了我自己的分支以整合Zen Coding的特性。
出處:前端觀察
責(zé)任編輯:bluehearts
上一頁 Zen Coding:快速編寫HTML/CSS代碼 [3] 下一頁 Zen Coding:快速編寫HTML/CSS代碼 [5]
◎進入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論,我還想發(fā)表評論。
|