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

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

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