神一样的编码方式:emmet

2018 年 6 月 24 日 Python程序员

编写HTML标签是非常痛苦的,敲击过程极其繁琐。神觉得应该有更好的编辑方式,于是有了emmet。我不说话,大家先感受下:


视频中展示了用emmet编码的5大神奇之处:


  1. 编写简单的css选择器语法,然后一键扩展为一大段HTML代码。

  2. 用快捷键在 “可编辑点” 之间切换。

  3. 以DOM层级为逻辑基础,逐渐扩大选择范围。

  4. 以标签为单位,前后移动。

  5. 一键注释整个标签段。


当然,神奇之处远不止于此,emmet是理解了语法的编辑工具。


emmet在使用时主要以插件的形式出现,支持了几乎所有主流的编辑器, 如sublime, vim, eclipse, pycharm, notepad++等。在不同编辑器上emmet的快捷键可能会有所不同,主要出于避免和其他编辑器功能冲突的考虑。


项目主页: http://emmet.io/   , 域名简单,不用翻墙。

登录查看更多
1

相关内容

超文本标记语言(英文:HyperText Markup Language,HTML)是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。
【2020新书】使用高级C# 提升你的编程技能,412页pdf
专知会员服务
60+阅读 · 2020年6月26日
最新《自动微分手册》77页pdf
专知会员服务
103+阅读 · 2020年6月6日
Python导论,476页pdf,现代Python计算
专知会员服务
264+阅读 · 2020年5月17日
Python3.7中一种懒加载的方式
Python程序员
3+阅读 · 2018年4月27日
前端高性能计算(4):GPU加速计算
前端大全
7+阅读 · 2017年10月26日
Learning Dynamic Routing for Semantic Segmentation
Arxiv
8+阅读 · 2020年3月23日
VIP会员
相关VIP内容
【2020新书】使用高级C# 提升你的编程技能,412页pdf
专知会员服务
60+阅读 · 2020年6月26日
最新《自动微分手册》77页pdf
专知会员服务
103+阅读 · 2020年6月6日
Python导论,476页pdf,现代Python计算
专知会员服务
264+阅读 · 2020年5月17日
相关资讯
Python3.7中一种懒加载的方式
Python程序员
3+阅读 · 2018年4月27日
前端高性能计算(4):GPU加速计算
前端大全
7+阅读 · 2017年10月26日
Top
微信扫码咨询专知VIP会员