在dw安裝zen coding并沒有什么出奇地方，及特別的技術含量。但是以現下的國情，確實實現起來步步困難。

當然在開始之前先推薦一下，神采飛揚兄的這篇文章。

http://www.qianduan.net/zen-coding-for-dreamweaver-plug-in-tutorial.html

那有人會有疑問，既然有這樣的詳細的介紹你為什么還要記錄，因為提供生產工具與生產者之間沒有必然的溝通會造成生產力極大的浪費。

前一段時間使用aptana兩周后終于發現生產速度確實沒有dw中快，但是哥迷戀aptana中如風如跡的操作功能久久不舍得離開，最終迫于生產效率的壓力還是回歸dw。

先下dw的下載安裝程序網上多于牛毛。

現推薦一：

dw cs4 簡體中文完整版 下載地址 http://adobecs4.com.cn/download/dreamweaver.htm

必須要安裝完整版，因為綠色版中沒有擴展安裝，就算從adobe管方下載擴展程序也是問題多多。

?

win7下許可證過期解決: http://bang.pcw.com.cn/question/216376

安裝完成后安裝zen coding擴展包，雙擊該文件即可。

完成后快捷鍵的修改等等恕不再述，飛揚兄的文章中介紹比較清楚。

接著說zen coding默認的快捷替換中很多雖然是考慮各方面的原因，但本人感覺在生產中是很不合理。比如f:l可以直接修改為fl，w等屬性后邊加上px單位好像更能提高生產。(這當然受藍帥兄N++ QuickText快速配置的啟發)，后來又改為ww為width:100%替換。具體請參照修改后的zen coding.js文件。

修改文件對照表。

position:absolute;
ppa
position:relative;
ppr
z-index:999;
z9
float:none;
fn
float:left;
fl
float:right;
fr
clear:left;
cl
clear:right;
cr
clear:both;
cb
display:none;
dn
display:block;
db
display:inline;
di
新增加
display:inline-block;
dib
overflow:hidden;
oh
margin:0 auto;
ma
margin:auto;
m:a
w
width:|px;
ww
width:|100%;
h
height:|px;
hh
height:|100%;
b
border:1px solid #ccc;
b3
border:1px solid #333;
b6
border:1px solid #666;
b9
border:1px solid #999;
c
color:#000;
cf
color:#fff;
tl
text-align:left;
tc
text-align:center;
tr
text-align:right;
ti2
text-indent:2em;
fz
font-size:12px;
//html
st
<style type="text/css"></style>
s
<script type="text/javascript"></script>

由于mxp安裝的打包文件，對zen coding的文件不能像aptana中那樣實時修改，這對于擁有一個健康大腦及滿腔熱血的青年來說，是多么的不爽。而且由于是程序邊緣人，對制作mxp的制作流程懶于疏通，所以找到一個替換zen coding setting文件的二流辦法來修改默認的快捷鍵。

找到目錄把相應的zen coding.js文件覆蓋即可。

以下兩個目錄在系統中默認是隱藏的，修改前要先在文件夾選項中“顯示系統文件”選項。

xp的目錄為：

C:\Documents and Settings\zyh\Application Data\Adobe\Dreamweaver CS4\en_US\Configuration\Commands\ZenCoding

win7的目錄為：

?

C:\Users\Administrator\AppData\Roaming\Adobe\Dreamweaver CS4\zh_CN\Configuration\Commands\ZenCoding 替換的文件為： zen_settings.js(此文件我已做修改，大部分常用的css,html已與原來不同，請參照后在進行生產。) zen_setting是zen coding替換的核心文件，快捷鍵的設置可參看其文件。

轉載于:https://www.cnblogs.com/jikey/archive/2010/01/29/1659556.html

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的在dw下安装zen coding，并对其快捷键进行修改的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。