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

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

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

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

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

先下dw的下載安裝程序網(wǎng)上多于牛毛。

現(xiàn)推薦一：

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

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

?

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

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

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

接著說zen coding默認的快捷替換中很多雖然是考慮各方面的原因，但本人感覺在生產(chǎn)中是很不合理。比如f:l可以直接修改為fl，w等屬性后邊加上px單位好像更能提高生產(chǎn)。(這當(dāng)然受藍帥兄N++ QuickText快速配置的啟發(fā))，后來又改為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文件的二流辦法來修改默認的快捷鍵。

找到目錄把相應(yīng)的zen coding.js文件覆蓋即可。

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

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已與原來不同，請參照后在進行生產(chǎn)。) zen_setting是zen coding替換的核心文件，快捷鍵的設(shè)置可參看其文件。

轉(zhuǎn)載于:https://www.cnblogs.com/jikey/archive/2010/01/29/1659556.html

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。