Zen Coding-超快速網(wǎng)頁(yè)代碼編輯器 0.

Zen Coding是一款在國(guó)外備受歡迎的，應(yīng)用在Dreamweaver下的快速編輯器插件。

毫不夸張的說(shuō)，在您熟悉了使用方法之后它可以使您的網(wǎng)頁(yè)代碼編輯效率獲得飛躍性的提升，只需要輸入一整行代碼的幾個(gè)縮略字符就會(huì)自動(dòng)生成整行代碼，便于用戶專注于網(wǎng)頁(yè)架構(gòu)設(shè)計(jì)，也避免了網(wǎng)頁(yè)代碼輸入出錯(cuò)的低級(jí)錯(cuò)誤，下載包內(nèi)包含縮略符的說(shuō)明。

使用說(shuō)明

舉一個(gè)復(fù)雜的例子：zen-coding 可以把這樣的代碼：

div#header>ul.navigation>li*4>a

轉(zhuǎn)換轉(zhuǎn)換成下面的HTML 代碼：

<div id=”header”>
    <ul class=”navigation”>
        <li><a href=”"></a></li>
        <li><a href=”"></a></li>
        <li><a href=”"></a></li>
        <li><a href=”"></a></li>
    </ul>
</div>

會(huì)CSS的朋友一定會(huì)注意到其精華所在就是“l(fā)i*4”自動(dòng)生成了四行代碼。
如果你用 NetBeans、SlickEdit、Sublime、TextMate、TopStyle、UltraEdit、WebIDE and IntelliJ IDEA、Dreamweaver、Aptana 都可以在官方下載頁(yè)面找到相關(guān)的插件。

相關(guān)文章