在我發表上一篇《Zen Coding: 一種快速編寫HTML/CSS代碼的方法》之後，有網友表示不知道怎麼在Dreamweaver上使用zen coding插件。 OK，今天我就寫一篇詳細的教程來講述如何在DW中使用zen coding。如果你已經知道如何使用，可以不再閱讀本文。
可喜的是，我在Dreamweaver CS3上進行了測試，證明Dreamweaver CS3和CS4都是支持Zen coding的這個插件的。
準備安裝插件之前，請確認你已經安裝了adobe Extention Manager，如果沒有安裝，請到Adobe官方下載安裝：
到zen coding項目主頁下載最新的zen coding 用於dreamweaver的插件，在該頁面的右側欄有下載列表，就是擴展名為mxp的那個。 （目前的版本是0.7，可以點這裡下載，裡面有qianduan打包的一個版本，不過官方新版是0.7的了，推薦使用官方的。）。
下載完後，雙擊你下載的那個Zen Coding v.0.7.mxp文件就可以直接安裝，很簡單。
安裝後重啟DW，然後你就會在命令菜單下發現zen coding子菜單，如下圖：
這就說明已經能夠安裝成功了。
使用方法zen coding的用法也是很簡單的，新建或者在任一html文件中，切換到代碼視圖，編寫zencoding格式代碼，比如:複製代碼