手机版 | 登陆 | 注册 | 投稿 | 反馈留言 | 设首页 | 加收藏
网站首页 > 开发工具 > sublime text >Emmet使用示例---后代

Emmet使用示例---后代

时间:2019-03-16    点击: 次    发布者:佚名 - 小 + 大

Emmet (前身为 Zen Coding) 是一个能大幅度提高前端开发效率的一个工具:

基本上,大多数的文本编辑器都会允许你存储和重用一些代码块,我们称之为片段。虽然片段能很好地推动你得生产力,但大多数的实现都有这样一个缺点:你必须先定义你得代码片段,并且不能再运行时进行拓展。

Emmet把片段这个概念提高到了一个新的层次:你可以设置CSS形式的能够动态被解析的表达式,然后根据你所输入的缩写来得到相应的内容。Emmet是很成熟的并且非常适用于编写HTML/XML CSS 代码的前端开发人员,但也可以用于编程语言。

使用示例:

在编辑器中输入缩写代码:ul>li*5 ,然后按下拓展键(默认为tab),即可得到代码片段:     

  1. <ul>  
  2.     <li></li>  
  3.     <li></li>  
  4.     <li></li>  
  5.     <li></li>  
  6.     <li></li>  
  7. </ul> 

语法:


后代:>
缩写:nav>ul>li

  1. <nav>  
  2.   
  3.   
  4.     <ul>  
  5.   
  6.   
  7.         <li></li>  
  8.   
  9.   
  10.     </ul>  
  11.   
  12.   
  13. </nav>  

上一篇:如何快速在sublime编辑器中写标签

下一篇:Emmet使用示例----兄弟



Copyright © 2019 天人系列管理系统 版权所有,授权www.rjc.wang使用  Powered by 55TR.COM 运行代码测试页
锐教程网站www.rjc.wang由天天科技荣誉出品