注:目前暂不撑持 DW CC
鉴于某些原因,每个 Coder 所钟爱的 IDE 各不不异。而做为一个软件喜好者,我几乎所有 IDE 都利用过一段时间,目前是 Dreamweaver + Sublime Text 2 共用。不外不管你是通俗的 Notepad++,文艺的 Sublime Text,仍是二逼的Dreamweaver,以至拆逼的 Vim,有些插件老是必不成少的,例如大名鼎鼎的 zencoding(目前已改名 Emmet,而且很好的撑持 DW)。
Emmet 是一款快速编写 HTML/CSS 的东西,例如输进:
ul.navlia.n_$*6然后按下灵敏键 Ctrl+E,即可生成如下一段代码:
ul class="nav"lia href="" class="n_1"/aa href="" class="n_2"/aa href="" class="n_3"/aa href="" class="n_4"/aa href="" class="n_5"/aa href="" class="n_6"/a/li/ul看了那些代码是不是已经跃跃欲试了,更多规则可在文末下载附件查看。接下来谈谈 DW 若何安拆那款插件。起首你要确定你的DW已经拆上了扩展治理器(Extension Manager),若何没有的话能够从头在安拆DW时不要往掉扩展治理器前面的勾,或者到Adobe官网下载/。
假设你已经安拆的扩展治理器,只必要下载Emmet的DW插件),接着从头停止安拆。
注:解析 Emmet 规则默认是 Ctrl+E 不外因为 DW 本身灵敏键太多,反复了。此时翻开【编纂】-【灵敏键】,然后抉择 Dreamweaver Standard,接着再点击右边第一个按钮复造副本,名称随意。
然后再找到【菜单定名】下的【插进】,将【标签】的灵敏键修改为其它,例如 Ctrl+R。
至此,你能够斗胆的在 DW 中利用 Emmet了。不外 Emmet for DW 默认没有设置其它操做的灵敏键,所以你也能够按那些操做,设置上一个编纂点,下一个编纂点等灵敏键。如许就可以舍弃鼠标更好的在代码快中的位置切换。
相关链接:
DW插件及Emmet规则速查表:
Emmet官网:/
切图网(qietu.com)专注web前端开发、培训