注:目前暂不支持 DW CC,期待作者早是更新.Update:2013/10/12 鉴于某些原因,每个 Coder 所钟爱的 IDE 各不相同.而作为一个软件爱好者,我几乎所有 IDE 都使用过一段时间,目前是 Dreamweaver + Sublime Text 2 共用.不过不管你是普通的 Notepad++,文艺的 Sublime Text,还是二逼的Dreamweaver,甚至装逼的 Vim,有些插件总是必不可少的,例如大名鼎鼎的 zencoding(目前已改名 Emmet,并且很好的支…

Emmet就是以前的Zencoding div.wrapper#wrapper>div.right+div.left*2>span{nimei$}*3 //. 类名 #id >下面 +同类 *2前面的来两个 {}里面的东西就是span里面的东西 这样子就会生成 <div class="wrapper" id="wrapper"> <div class="right"></div> <di…

按 ctr+shift+P,输入 install Package,找到emmet,确认安装 Package Control Messages======================== Emmet:----- Thank you for installing Emmet -- a toolkit that can greatly improve your workflow. Note that this plugin automatically downloads and installs…

一.添加插件之前先 下载Package Control 按 Ctrl+`(就是~这个键) 复制下面的代码 确认 重新启动sublime text2 import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),'wb…

一直以来写代码都是用的EditPlus,也尝试了一段时间学习Vim这神器,后来因为使用不习惯还是改回了原来的EditPlus.前几天朋友想我推荐了Sublime Text 2,喜欢尝鲜我的肯定是不会放过,用过之后你会深深的被她所吸引. Sublime Text 2,它绿色小巧并且速度非常快,携带方便,跨平台支持Windows/MAC/linux,支持32位和64位系统,支持各种编程语言的语法高亮.代码补全等,还有这很多其它编辑器没有的超酷的特性,让你对她爱不释手…… Sublime Text 2…

1.Angularjs 写angularjs经常操作template文件,没有一个ng-xx的提示真的很蛋疼是不是,有些服务的名字记不住是不是,那就用这个插件吧 2.AutoFileName 如果你的文件名是一些比较晦涩难懂的组合起来的单词,输入文件路径一定会很麻烦对不对,用这个插件可以让你直接弹出window资源选择窗口,选择文件后自动输入文件路径,我是sublime2,怎么设置都是无效的,网上有些人说sublime3是没问题的 3.Docblockr 自动补全注释,在函数声明前 写“ /**…

最近vim7.4也更新了,zengcoding好像停止了更新,更换成emmet了,使用还是和Zencoding一样. emmet的地址在http://emmet.io/   支持很多的编辑器和IDE.http://emmet.io/download/ 里面列出了支持的编辑器,vim是第三方的人员开发 的,https://github.com/mattn/emmet-vim  安装方法和Zencoding一样.vimrc里面的设置 let g:user_emmet_expandabbr_key='…

zencoding在vim上的插件已经改名为Emmet.vim 1. 安装,推荐使用vundle插件管理器安装,在~/.vimrc中,添加:Bundle 'Emmet.vim',输入命令vim +BundleInstall +qall 即可完成安装:     个人vim配置:https://www.github.com/lozybean/myVimConfig.git 2. 常用的缩略词:     # 添加一个id属性:     . 添加一个class属性:     > 添加一个下级标签:  …

用过其他版本的Dreamweaver,还是习惯了Dreamweaver8,占用少,插件也容易安装,下面讲的是ZenCoding插件的安装方法,当然现在这个已经叫Emmet了. 安装方法: a.下载dw插件Zen Coding.mxp b.选择菜单栏:命令->扩展管理,选择刚下载的文件安装 c.安装成功后,可在菜单栏:命令看到 d.尝试输入代码 ul#w>li*4 在当行按Ctrl+,即可看到 <ul id="w"> <li></li> &…

在http://www.adobe.com/exchange/em_download/地址下下载好Emmet扩展插件,然后在Dreamweaver找到菜单栏中命令>扩展管理>文件,找到以后打开,然后重启Dreamweaver.默认的快捷键是Ctrl+E,需要修改.详情请见:http://www.zhangxinxu.com/wordpress/2013/09/how-to-use-emmet-in-dreamweaver/ 最后你就可以看到神奇.测试代码:table>tr*3>td…