让 Dreamweaver 撑持 Emmet ,带你zb带你飞

2年前 (2023-01-31)阅读2回复1
yk
yk
  • 管理员
  • 注册排名3
  • 经验值476275
  • 级别管理员
  • 主题95255
  • 回复0
楼主

注:目前暂不撑持 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前端开发、培训

0
回帖

让 Dreamweaver 撑持 Emmet ,带你zb带你飞 相关回复(1)

青烟
青烟
沙发
让Dreamweaver装备Emmet,轻松实现快速编程梦想!便捷性超出想象 软件开发得心应手 zhanggtech易上。
6天前 (07-22 03:40)回复00
取消