在dw下安装zen coding，并对其快捷键进行修改

在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替换的核心文件，快捷键的设置可参看其文件。