在dw下安装zen coding,并对其快捷键进行修改-阿里云开发者社区

开发者社区> 嗯哼9925> 正文

在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 简体中文完整版

必须要安装完整版,因为绿色版中没有扩展安装,就算从adobe管方下载扩展程序也是问题多多。

 

win7下许可证过期解决:


安装完成后安装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_setting是zen coding替换的核心文件,快捷键的设置可参看其文件。






本文转自豪情博客园博客,原文链接:http://www.cnblogs.com/jikey/archive/2010/01/29/1659556.html,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
阿里云服务器怎么设置密码?怎么停机?怎么重启服务器?
如果在创建实例时没有设置密码,或者密码丢失,您可以在控制台上重新设置实例的登录密码。本文仅描述如何在 ECS 管理控制台上修改实例登录密码。
7238 0
记录并显示网页的最后修改时间
document.write("最后更新时间: " + document.lastModified + "")
465 0
阿里云服务器端口号设置
阿里云服务器初级使用者可能面临的问题之一. 使用tomcat或者其他服务器软件设置端口号后,比如 一些不是默认的, mysql的 3306, mssql的1433,有时候打不开网页, 原因是没有在ecs安全组去设置这个端口号. 解决: 点击ecs下网络和安全下的安全组 在弹出的安全组中,如果没有就新建安全组,然后点击配置规则 最后如上图点击添加...或快速创建.   have fun!  将编程看作是一门艺术,而不单单是个技术。
8920 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,阿里云优惠总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系.
10522 0
intellij idea svn 修改文件后,父文件夹也标注修改
svn文件修改后,默认只有当前文件更改而父文件没有标注,很不直观;查了一顿后,发现,可以设置; File—->settings—->version control—–>勾选show directories with changed descendants
1052 0
ConcurrentModificationException 集合并发修改异常 解决
import java.util.ArrayList; import java.util.List; import java.util.ListIterator; /** * 问题? * 有一个集合,如下,请问,我想判断里面有没有"world"这个元素,如果有,我就添加一个"javaee"元素,请写代码实现。
892 0
+关注
4716
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《Nacos架构&原理》
立即下载
《看见新力量:二》电子书
立即下载
云上自动化运维(CloudOps)白皮书
立即下载