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

转载于:https://www.cnblogs.com/jikey/archive/2010/01/29/1659556.html

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

在Aptana下安装Zen coding
Zen coding无疑是一款高效开发的插件,适用于多平台,支持非常多的IDE.由于最近要写一些HTML和一些CSS,听别人说写这些用Aptana就最好了.于是也捣鼓了一下,顺便把安装过程给记录下来. ...
给Sublime text2安装Zen Coding插件
转载自:http://m.blog.csdn.net/blog/u013867072/38714069 原文内容://----------------------------------------- ...
notepadd++安装zen coding插件
1.解压Zen Coding组件 2.把上图一个文件和一个文件夹复制到plugins下面即可 3.重启notepad++,在工具栏可看到Zen Coding 在notepad++上用快捷键Ctrl+E ...
notepad++配置Zen Coding
2019独角兽企业重金招聘Python工程师标准>>> Notepad++ 是一款无比轻巧便捷的代码编辑工具.它无可挑剔的启动速度,优秀的语法高亮,干净整齐的代码缩进,便捷的括号高亮 ...
Sublime Text 2以及Zen Coding
去年就知道了Sublime Text 2这款编辑器,当时就颇有好感,还用了一段时间来进行开发.最近,偶然知道了还有Zen Coding这样的一个插件之后,简直对这个插件以及可以支持插件的Sublime ...
linux环境下安装nginx步骤（不错）
开始前,请确认gcc g++开发类库是否装好,默认已经安装. ububtu平台编译环境可以使用以下指令 apt-get install build-essential apt-get install ...
linux oracle pam,Linux下安装Oracle11g软、硬件环境检测和修改
Linux下安装Oracle 11g 软.硬件环境检测和修改 Linux安装Oracle 11G 系统硬件要求: 1. 内存::必须高于1G的物理内存检查内存大小:grep MemTotal /pr ...
Linux下安装Oracle18c
Linux下安装Oracle18c 确认hostname [root@test /]# hostnamectl status -修改hostname [root@test /]# hostnamect ...
Zen Coding: 一种快速编写HTML/CSS代码的方法
译自:Smashing Magazine 中文:Zen Coding: 一种快速编写HTML/CSS代码的方法请尊重版权,转载请注明来源! 在本文中我们将展示一种新的使用仿CSS选择器的语法来快速开 ...

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

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

最新文章

热门文章