要用emmet生成html类型, 格式是: html:???, 意思是 都是html大类型, 小类型用冒号. 如:html:5, 或者全部都是! 则生成html5的类型文档.

emmet是zen coding的升级版, 有些功能不能在zen 中使用, 但是可以在emmet中使用, 因此要更自由的写, 就是用 emmet把

emmet中是不允许空格的, 可以同时给元素指定多个类和id, 中间用不着加空格 如: .nav.foo#nav1

理解emmet的大于符号, 注意: 大于符号> 表示后面所有的内容, 不管有多少内容(只要不用^升级)都是这个元素的子元素. 因此如果你要表示并列的元素就要使用 加号. 可以这样理解: 大于符号相当于 优先级的, 总提后面所有内容. 而加号表示同级的元素. 大于符号相当于 四则运算的乘除, 而加号表示加减级别的.

作为前端技术人员的话, 一定要使用多种工具: 包括emmet, 包括各种框架, 包括各种js插件. 要提高输出代码段效率

乘号表示多个相同的内容, 如: ul>li*2, 表示ul下有两个li, 但是这两个li都是相同的. 没有差别的, 没有编号的!

要表示编号, 就要使用$符号, 多个$符号的时候, 前面的$表示占位符 0. 如 ul>li.li$$$*2, 表示.li001, .li002, $跟类名是挨着的, 表示编号, 不可能有*$2的写法

发现一个在windows下的快速删除文件的快捷键: ctrl+d

使用editplus, 可以配置一下, 让里面的操作习惯跟 vim下的操作习惯相同!

在editplus中, 使用emmet输出内容的时候, 输完一个指定内容后, 如何跳转到下一个需要输入的地方呢? 就是 zen coding 菜单中的" 下/上 一个编辑位置" 的快捷操作, 原来 的是 ctrl+alt+[, 可以修改键盘为 ctrl+[, (相当于在vim中的 退出到normal状态的快捷键), 响应的上一个编辑位置为 ctrl+], 这样就要快一点.

用emmet缩略包裹内容, 最好是把要包裹的内容, 先选中, 然后再输缩写形式, 快捷键是 ctrl_a+shift. 即在原来 "全选"的基础上加一个 shift.

很奇怪 的是 , 在holder.js的文字中, 不能包含"holder.js"的完整字样, 可以包含逗号,句号, 甚至holde.js就是不能包含 holder.js

editplus中使用emmet?的更多相关文章

  1. 如何在editplus中配置ctags?

    首先要说明的是, 在editPlus中的ctags功能确实是没有 vs vim等中的好用. 最主要的原因 是它不能直接在文件中 跳转. 而是要通过一个另外的框来实现, 这就大大的降低了跳转的速度和使用 ...

  2. web开发中的 emmet 效率提升工具

    web开发中的 emmet 效率提升工具 可以用来快速生成html 代码. 并且给各种IDE.编辑器提供了插件支持,sublime ,webstorm等. 如在webstorm中安装好emmet之后, ...

  3. 如何在Dreamweaver中使用emmet

    by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=3666 一.emmet ...

  4. 【npm】如何在Atom中安装emmet和atom-beautify插件?

    为了提高编写HTML和CSS的速度,最近尝试着在Atom中安装emmet插件,下面谈谈安装成功的过程 1首先我尝试了网上教程中介绍最多的方法:打开Atom的引导界面(Welcome Guide)中的i ...

  5. 关于在Editplus中设置内容提示比如syso的快捷输出的方法

    在Editplus中默认的内容提示是很少的,比如我们最常用的syso快捷输出就没有,那么怎么来设置呢? 首先打开工具-首选项: 然后打开文件类型及语法-在文件类型中打开Java,如图: 然后打开 我们 ...

  6. Editplus中添加System.out.println()快捷键

    首先,找到自己电脑Editplus的安装路径,在所属文件夹中找到JAVA.ACP文件: 然后,在文件的末尾加上如下代码: #T=syso System.out.println("^!&quo ...

  7. 在Brackets中使用Emmet

    当在Brackets中安装上Emmet插件后,就可以使用Emmet的语法来加速前端编写. 有关html ● 子关系> div>ul>li ● 相邻+ div+p+bq ● 上一级^ ...

  8. sublime text3中使用Emmet部分标签无法闭合

    转载自:http://geek100.com/2490/ 不过很早就发现br,input, img在sublime text中是没有闭合标签 / 的. 我一般都是手动补上的, 今天突然想起这个问题, ...

  9. 【转】如何配置EditPlus中Java运行环境,运行Java程序

    如何配置EditPlus中Java运行环境,运行Java程序 http://jingyan.baidu.com/article/86112f13725e2e2736978711.html 分步阅读 E ...

随机推荐

  1. 【bzoj3158】 千钧一发

    http://www.lydsy.com/JudgeOnline/problem.php?id=3158 (题目链接) 题意 给出n个装置,每个装置i有一个特征值a[i]和一个能量值b[i],要求选出 ...

  2. 【PowerOJ1739】 魔术球问题

    https://www.oj.swust.edu.cn/problem/show/1739 (题目链接) 题意 n个柱子上放小球,每根柱子上相邻两个小球的数字之和必须是完全平方数,只有放了x号小球才可 ...

  3. tomcat部署web应用的4种方法

    在Tomcat中有四种部署Web应用的方式,简要的概括分别是: (1)利用Tomcat自动部署 (2)利用控制台进行部署 (3)增加自定义的Web部署文件(%Tomcat_Home%\conf\Cat ...

  4. genymotion访问电脑的localhost

    用来进行android测试时使用genymotion,genymotion是运行在virtualbox中的,virtualbox为两者建立了连接,在linux下通过ifconfig可以看到有一个叫做v ...

  5. js保留位和取整

    //hold是保留位,例,元,角,分 //integerType是在保留位的基础上,如果后面有值,向上向下取整 calAmount:function(hold,integerType,amount){ ...

  6. 分布式存储数据库的Key的随机分布(RP)和顺序分布(OPP)

    在分布式存储数据库的世界中,无论是基于Key/Value的数据库还是Column Base(比如HBase)的数据库,都有一个重要的因子------Key,或者叫RowKey.我们总是根据Key来快速 ...

  7. 树链剖分I 原理

    树链剖分(Heavy Light Decomposition, HLD)是一种将对[树上两点间的路径]上[边或点]的[修改与查询]转化到[序列]上来处理的方法. 目的:将树的边或点转化到一个线性结构( ...

  8. How to overcome “datetime.datetime not JSON serializable” in python?

    json.dumps(datetime.now) 意思是datetime.now不可json序列化,解决办法是转化成str或者加一个参数 cls=xxx 详细见: http://stackoverfl ...

  9. web前端环境搭建

    第一部分:浏览器 浏览器推荐chrome浏览器.FireFox浏览器. 1. chrome浏览器因为集成了Google Developer Tools(谷歌开发者工具),因此大受欢迎. 下载地址:ht ...

  10. 如何写出优雅的css代码 ?

    如何写出优雅的css代码 ? 对于同样的项目或者是一个网页,尽管最终每个前端开发工程师都可以实现相同的效果,但是他们所写的代码一定是不同的.有的优雅,看起来清晰易懂,代码具有可拓展性,这样的代码有利于 ...