要用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. [学习笔记]tarjan求割点

    都口胡了求割边,就顺便口胡求割点好了QAQ 的定义同求有向图强连通分量. 枚举当前点的所有邻接点: 1.如果某个邻接点未被访问过,则访问,并在回溯后更新 2.如果某个邻接点已被访问过,则更新 对于当前 ...

  2. 【BZOJ-3450】Tyvj1952Easy 概率与期望DP

    3450: Tyvj1952 Easy Time Limit: 10 Sec  Memory Limit: 128 MBSubmit: 468  Solved: 353[Submit][Status] ...

  3. macOS 安装 pip

    安装好wget之后: wget https://bootstrap.pypa.io/get-pip.py sudo python get-pip.py 终于可以愉快的pip了~

  4. spring的自动装配基础

    当开始看别人的代码使用注解的时候,以为照着别人的代码写,也写一个注释就能实现这样的功能,但是,现在开始考虑自动装配时怎样实现的. 首先,如果如果知道如何手动在xml配置中"装配bean&qu ...

  5. 【codevs1743】 反转卡片

    http://codevs.cn/problem/1743/ (题目链接) 题意 给出一个序列{a1,a2,a3···},要求维护这样一种操作:将前a1个数反转,若第a1等于1,则停止操作. Solu ...

  6. npm配置文件

    npm获取配置的方式,优先级由高到底. 命令行参数. 以设置代理为例:--proxy http://server:port即将proxy的值设为http://server:port. 环境变量. 以n ...

  7. java循环遍历map

    import java.util.HashMap; import java.util.Iterator; import java.util.Map; public class MapTest { pu ...

  8. CentOS 6.x安装Chromium

    在CentOS/RHEL 7出来之前继续使用Chrome怎么办?使用Chrome的开源版本:Chromium. 1.切换到root: su - 或者 sudo -i 2.下载新的软件源定义: cd / ...

  9. 【Alpha】团队贡献分配计划

    在仔细看过邹老师的博客和一些主流公司的绩效管理考核方面的内容后,本来我们小组在讨论后决定简化Google的OKR制度,加入一些自己的元素作为我们团队的主要贡献评定制度. OKR就是“目标和关键成果”( ...

  10. java.lang.UnsupportedOperationException: Not supported by BasicDataSource

    场景: SpringMVC+Hibernate+Maven 问题: 在src/main/resources 目录中添加hibernate.properties文件, 则如果存在这句hibernate. ...