最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 正文

sublimetext2中Emmet的8个常用技巧

来源:动视网 责编:小OO 时间:2024-12-23 15:21:29
文档

sublimetext2中Emmet的8个常用技巧

在sublime中,促发emmet可以先保存为.html文件。然后输入下面的简写,按tab键就可促发效果了。1.生成html格式。输入html:5;2.简写Div;大家可以看到,不管你是否添加了div,emmet都会自动生成需要div元素。含糊标签名称;这个技巧属于implicittagnames特性,你不需要指定div或者li,emmet会自动帮助你生成,如下:3.带有DOM导航的链式缩写。如果你使用emmet来扩展简单的class名称生成div的话。这个方式可以帮助你省去大量的时间。你只需要记住如下语法。>;子节点:在DOM树下一层添加创建一个元素。+同级别:在DOM树同一层添加创建一个元素。^向上层:向上一层添加创建创建一个元素。向上一层;如果需要的话你可以向上多层,如下:
推荐度:
导读在sublime中,促发emmet可以先保存为.html文件。然后输入下面的简写,按tab键就可促发效果了。1.生成html格式。输入html:5;2.简写Div;大家可以看到,不管你是否添加了div,emmet都会自动生成需要div元素。含糊标签名称;这个技巧属于implicittagnames特性,你不需要指定div或者li,emmet会自动帮助你生成,如下:3.带有DOM导航的链式缩写。如果你使用emmet来扩展简单的class名称生成div的话。这个方式可以帮助你省去大量的时间。你只需要记住如下语法。>;子节点:在DOM树下一层添加创建一个元素。+同级别:在DOM树同一层添加创建一个元素。^向上层:向上一层添加创建创建一个元素。向上一层;如果需要的话你可以向上多层,如下:


因为开始做web项目,所以最近在用sublime编辑器,知道了一个传说中的emmet,原名是zencoding。html神插件可以说是。文章部分内容转自http:///meetrice/archive/2013/01/27/2878548.html
在sublime中,促发emmet可以先保存为.html文件。然后输入下面的简写,按tab键就可促发效果了。
1.生成html格式
输入html:5
2.简写Div
大家可以看到,不管你是否添加了div,emmet都会自动生成需要div元素。
含糊标签名称
这个技巧属于implicittagnames特性,你不需要指定div或者li,emmet会自动帮助你生成,如下:
3.带有DOM导航的链式缩写
如果你使用emmet来扩展简单的class名称生成div的话。这个方式可以帮助你省去大量的时间。你只需要记住如下语法:
>子节点:在DOM树下一层添加创建一个元素
+同级别:在DOM树同一层添加创建一个元素
^向上层:向上一层添加创建创建一个元素。
向上一层
如果需要的话你可以向上多层,如下:
4.使用分组来简化你的代码结构
有的时候你可能会发现使用向上符号比较复杂,这时候可能使用分组更加的合理。如下:
一个更复杂一些的例子,如下:
5.插入文本和属性
如果你需要生成HTML,内容和属性也是你常常需要添加的。很多开发人员只是使用emmet来生成框架,然后再添加内容。其实你可以在生成页面框架的过程中同时添加属性和内容。
从下面代码可以看到,你输入的文字和属性都可以分别通过大括号和中括号来生成。
6.添加多个class到一个元素 
这个非常简单,你只需要使用逗号来添加多个class,如下:
7. 重复添加
这可能是最让人舒服的操作了,帮助你重复添加元素:
如果你整合分组功能,那么你将能够处理更复杂的HTML生成:
8.自动列表记数 
如果你需要按顺序生成HTML元素,这个技巧你一定喜欢,使用$符号可以帮助你生成一系列数字,支持class,id,属性,内容等等。如下:
注意如果你需要生成2位的数字,使用两个$符号即可。 

文档

sublimetext2中Emmet的8个常用技巧

在sublime中,促发emmet可以先保存为.html文件。然后输入下面的简写,按tab键就可促发效果了。1.生成html格式。输入html:5;2.简写Div;大家可以看到,不管你是否添加了div,emmet都会自动生成需要div元素。含糊标签名称;这个技巧属于implicittagnames特性,你不需要指定div或者li,emmet会自动帮助你生成,如下:3.带有DOM导航的链式缩写。如果你使用emmet来扩展简单的class名称生成div的话。这个方式可以帮助你省去大量的时间。你只需要记住如下语法。>;子节点:在DOM树下一层添加创建一个元素。+同级别:在DOM树同一层添加创建一个元素。^向上层:向上一层添加创建创建一个元素。向上一层;如果需要的话你可以向上多层,如下:
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top