注：目前暫不支持 DW CC，期待作者早是更新。Update:2013/10/12
鑒於某些原因，每個 Coder 所鍾愛的 IDE 各不相同。而作為一個軟件愛好者，我幾乎所有 IDE 都使用過一段時間，目前是 Dreamweaver + Sublime Text 2 共用。不過不管你是普通的 Notepad++，文藝的 Sublime Text，還是二逼的Dreamweaver，甚至裝逼的 Vim，有些插件總是必不可少的，例如大名鼎鼎的 zencoding（目前已改名 Emmet，並且很好的支持 DW）。
Emmet 是一款快速編寫 HTML/CSS 的工具，例如輸入：
ul.nav>li>a.n_$*6
然后按下快捷鍵 Ctrl+E，即可生成如下一段代碼：
<ul class="nav"> <li> <a href="" class="n_1"></a> <a href="" class="n_2"></a> <a href="" class="n_3"></a> <a href="" class="n_4"></a> <a href="" class="n_5"></a> <a href="" class="n_6"></a> </li> </ul>
看了這些代碼是不是已經蠢蠢欲動了，更多規則可在文末下載附件查看。接下來談談 DW 如何安裝這款插件。首先你要確定你的DW已經裝上了擴展管理器（Extension Manager）,如何沒有的話可以重新在安裝DW時不要去掉擴展管理器前面的勾，或者到Adobe官網下載>>http://www.adobe.com/exchange/em_download/。
如果你已經安裝的擴展管理器，只須要下載Emmet的DW插件http://download.emmet.io/dreamweaver/Emmet.zxp，雙擊進行安裝，看到提示后繼續一步步下去，直到成功。如果此時提示菜單沒有更新成功，則打開以下路徑C:\Users\Administrator\AppData\Roaming\Adobe\Dreamweaver CS6\zh_CN\Configuration\Menus（Win7/Dw CS6），找到該目錄下的 menus.xml 重新命名備份（例如menus.xml_bak）,接着重新進行安裝。
注：解析 Emmet 規則默認是 Ctrl+E 不過由於 DW 自身快捷鍵太多，重復了。此時打開【編輯】-【快捷鍵】，然后選擇 Dreamweaver Standard，接着再點擊右邊第一個按鈕復制副本，名稱隨意。
然后再找到【菜單命名】下的【插入】，將【標簽】的快捷鍵修改為其它，例如 Ctrl+R。
至此，你可以大膽的在 DW 中使用 Emmet了。不過 Emmet for DW 默認沒有設置其它操作的快捷鍵，所以你也可以按這些操作，設置上一個編輯點，下一個編輯點等快捷鍵。這樣就能夠放棄鼠標更好的在代碼快中的位置切換。
相關鏈接：
- DW插件及Emmet規則速查表：http://files.cnblogs.com/milly/Emmet_for_DW.zip
- Emmet官網：http://emmet.io/