Dreamweaver支持Emmet的方法介绍(图)

发布时间 - 2018-09-29 00:00:00    点击率:

本篇文章给大家带来的内容是关于dreamweaver支持emmet的方法介绍(图),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

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

Emmet 是一款快速编写 HTML/CSS 的工具,例如输入:

ul.nav>li>a.n_$*6

然后按下快捷键 Ctrl+E,即可生成如下一段代码:

看了这些代码是不是已经蠢蠢欲动了,更多规则可在文末下载附件查看。接下来谈谈 DW 如何安装这款插件。首先你要确定你的DW已经装上了扩展管理器(Extension Manager),如何没有的话可以重新在安装DW时不要去掉扩展管理器前面的勾,或者到Adobe官网下载>>http://www.adobe.com/exchange/em_download/。

如果你已经安装的扩展管理器,只须要下载Emmet的DW插件http://download.emmet.io/dreamweaver/Emmet.zxp,双击进行安装,看到提示后继续一步步下去,直到成功。如果此时提示菜单没有更新成功,则打开以下路径C:\Users\Administrator\AppData\Roaming\Adobe\Dreamweaver CS6\zh_CN\Configuration\Menus(Win7/Dw CS6),找到该目录下的 menus.xml 重新命名备份(例如menus.xml_bak),接着重新进行安装。

注:解析 Emmet 规则默认是 Ctrl+E 不过由于 DW 自身快捷键太多,重复了。此时打开【编辑】-【快捷键】,然后选择 Dreamweaver Standard,接着再点击右边第一个按钮复制副本,名称随意。

然后再找到【菜单命名】下的【插入】,将【标签】的快捷键修改为其它,例如 Ctrl+R。

至此,你可以大胆的在 DW 中使用 Emmet了。不过 Emmet for DW 默认没有设置其它操作的快捷键,所以你也可以按这些操作,设置上一个编辑点,下一个编辑点等快捷键。这样就能够放弃鼠标更好的在代码快中的位置切换。


# dreamweaver  # css  # html  # for  # xml  # ide  # vim  # sublime text  # http  # 管理器  # 如果你  # 很好  # 看了  # 太多  # 你是  # 你可以  # 第一个  # 鼠标  # 你要 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: 详解Android图表 MPAndroidChart折线图  Laravel如何构建RESTful API_Laravel标准化API接口开发指南  如何在 Pandas 中基于一列条件计算另一列的分组均值  猎豹浏览器开发者工具怎么打开 猎豹浏览器F12调试工具使用【前端必备】  Laravel如何实现邮件验证激活账户_Laravel内置MustVerifyEmail接口配置【步骤】  太平洋网站制作公司,网络用语太平洋是什么意思?  手机软键盘弹出时影响布局的解决方法  php嵌入式断网后怎么恢复_php检测网络重连并恢复硬件控制【操作】  Laravel怎么实现模型属性的自动加密  如何为不同团队 ID 动态生成多个独立按钮  如何快速搭建支持数据库操作的智能建站平台?  Laravel如何优化应用性能?(缓存和优化命令)  Laravel如何从数据库删除数据_Laravel destroy和delete方法区别  javascript中数组(Array)对象和字符串(String)对象的常用方法总结  Laravel如何使用Seeder填充数据_Laravel模型工厂Factory批量生成测试数据【方法】  java中使用zxing批量生成二维码立牌  如何在局域网内绑定自建网站域名?  Laravel的HTTP客户端怎么用_Laravel HTTP Client发起API请求教程  Win11怎么查看显卡温度 Win11任务管理器查看GPU温度【技巧】  laravel怎么为API路由添加签名中间件保护_laravel API路由签名中间件保护方法  Laravel Telescope怎么调试_使用Laravel Telescope进行应用监控与调试  企业网站制作这些问题要关注  如何快速使用云服务器搭建个人网站?  移动端脚本框架Hammer.js  如何基于云服务器快速搭建个人网站?  Laravel如何集成Inertia.js与Vue/React?(安装配置)  jquery插件bootstrapValidator表单验证详解  安克发布新款氮化镓充电宝:体积缩小 30%,支持 200W 输出  js实现获取鼠标当前的位置  Laravel模型关联查询教程_Laravel Eloquent一对多关联写法  香港服务器网站推广:SEO优化与外贸独立站搭建策略  公司门户网站制作流程,华为官网怎么做?  网站建设保证美观性,需要考虑的几点问题!  Windows驱动无法加载错误解决方法_驱动签名验证失败处理步骤  Laravel如何获取当前用户信息_Laravel Auth门面获取用户ID  Laravel如何获取当前登录用户信息_Laravel Auth门面使用与Session用户读取【技巧】  Laravel安装步骤详细教程_Laravel环境搭建指南  jQuery 常见小例汇总  Laravel Eloquent模型如何创建_Laravel ORM基础之Model创建与使用教程  夸克浏览器网页跳转延迟怎么办 夸克浏览器跳转优化  大连 网站制作,大连天途有线官网?  如何在阿里云购买域名并搭建网站?  Laravel怎么进行数据库事务处理_Laravel DB Facade事务操作确保数据一致性  Laravel如何实现多级无限分类_Laravel递归模型关联与树状数据输出【方法】  Laravel如何自定义分页视图?(Pagination示例)  Laravel路由Route怎么设置_Laravel基础路由定义与参数传递规则【详解】  免费网站制作appp,免费制作app哪个平台好?  标准网站视频模板制作软件,现在有哪个网站的视频编辑素材最齐全的,背景音乐、音效等?  Claude怎样写结构化提示词_Claude结构化提示词写法【教程】  北京网站制作公司哪家好一点,北京租房网站有哪些?