Zen Coding是個(gè)啥？它是一種快速編寫HTML/CSS代碼的方式。具體請看Zen Coding: A Speedy Way To Write HTML/CSS Code。只要在開發(fā)工具中添加相應(yīng)的插件就可以進(jìn)行快速編寫代碼了。

現(xiàn)在就以Dreamweaver CS4為例，首先到Zen Coding的項(xiàng)目主頁下載Dreamweaver使用的插件。Dreamweaver的插件是mxp格式的，需要使用Adobe Extension Manager進(jìn)行添加。只要點(diǎn)擊界面上的install，再選中下載的mxp文件即可。

接下來，我們就可以打開Dreamweaver進(jìn)行體驗(yàn)了。如果插件安裝正確的話，在Dreamweaver的Commands菜單中會(huì)出現(xiàn)一項(xiàng)：Expend Abbreviation，當(dāng)我們輸入一個(gè)Zen Coding定義的縮略詞時(shí)，只要執(zhí)行一下這個(gè)命令，編輯器自動(dòng)會(huì)把它擴(kuò)展為完整的代碼。你也可以為此命令添加一個(gè)快捷鍵，以提高輸入速度。