editplus中使用emmet?
要用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?的更多相关文章
- 如何在editplus中配置ctags?
首先要说明的是, 在editPlus中的ctags功能确实是没有 vs vim等中的好用. 最主要的原因 是它不能直接在文件中 跳转. 而是要通过一个另外的框来实现, 这就大大的降低了跳转的速度和使用 ...
- web开发中的 emmet 效率提升工具
web开发中的 emmet 效率提升工具 可以用来快速生成html 代码. 并且给各种IDE.编辑器提供了插件支持,sublime ,webstorm等. 如在webstorm中安装好emmet之后, ...
- 如何在Dreamweaver中使用emmet
by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=3666 一.emmet ...
- 【npm】如何在Atom中安装emmet和atom-beautify插件?
为了提高编写HTML和CSS的速度,最近尝试着在Atom中安装emmet插件,下面谈谈安装成功的过程 1首先我尝试了网上教程中介绍最多的方法:打开Atom的引导界面(Welcome Guide)中的i ...
- 关于在Editplus中设置内容提示比如syso的快捷输出的方法
在Editplus中默认的内容提示是很少的,比如我们最常用的syso快捷输出就没有,那么怎么来设置呢? 首先打开工具-首选项: 然后打开文件类型及语法-在文件类型中打开Java,如图: 然后打开 我们 ...
- Editplus中添加System.out.println()快捷键
首先,找到自己电脑Editplus的安装路径,在所属文件夹中找到JAVA.ACP文件: 然后,在文件的末尾加上如下代码: #T=syso System.out.println("^!&quo ...
- 在Brackets中使用Emmet
当在Brackets中安装上Emmet插件后,就可以使用Emmet的语法来加速前端编写. 有关html ● 子关系> div>ul>li ● 相邻+ div+p+bq ● 上一级^ ...
- sublime text3中使用Emmet部分标签无法闭合
转载自:http://geek100.com/2490/ 不过很早就发现br,input, img在sublime text中是没有闭合标签 / 的. 我一般都是手动补上的, 今天突然想起这个问题, ...
- 【转】如何配置EditPlus中Java运行环境,运行Java程序
如何配置EditPlus中Java运行环境,运行Java程序 http://jingyan.baidu.com/article/86112f13725e2e2736978711.html 分步阅读 E ...
随机推荐
- js-JavaScript高级程序设计学习笔记1
第一章 1.一个完整的JavaScript实现应该由三个不同的部分组成:核心(ECMAScript).文档对象模型(DOM,提供访问和操作网页内容的方法和接口),浏览器对象模型(BOM,提供与浏览器交 ...
- css设置background图片的位置实现居中
/* 例 1: 默认值 */ background-position: 0 0; /* 元素的左上角 */ /* 例 2: 把图片向右移动 */ background-position: 75px 0 ...
- HDU1150 Machine Schedule
匈牙利算法 目前为止还是半懂不懂的状态 #include<iostream> #include<cstdio> #include<cstring> using na ...
- clickheat简介
装了个wappalyzer,各种感兴趣的去翻各种网站都用了什么框架啊啊啊...然后在qunar.com遇到了clickheat.之前只是听过这类插件,没想到真的在用唉. ClickHeat is a ...
- Node 连接Mysql并进行增删改查
NPM: NPM的全称是Node Package Manager,类似于ruby的gem,Python的PyPL.setuptools,PHP的pear,是Nodejs中的包管理器.Nodejs自身提 ...
- HDU 5816 Hearthstone
Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/65536 K (Java/Others) Problem Descript ...
- HDU 1007 Quoit Design
传送门 Time Limit: 10000/5000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others) Problem Des ...
- [Android]Volley源码分析(一)
一. 如何使用Volley? 1. 首先定义一个RequestManager类,用来在Android程序启动时对Volley进行初始化.RequestManager为单例类,因为只有在程序启动时调用, ...
- UVA11178 Morley's Theorem(基础模板)
题目链接 题意:给出A,B, C点坐标求D,E,F坐标,其中每个角都被均等分成三份 求出 ABC的角a, 由 BC 逆时针旋转 a/3 得到BD,然后 求出 ACB 的角a2, 然后 由 BC顺时 ...
- mysql中max_allowed_packet参数的配置方法(避免大数据写入或者更新失败)
修改方法 1.修改配置文件 可以编辑my.cnf来修改(windows下my.ini),在[mysqld]段或者mysql的server配置段进行修改. 代码如下: max_allowed_packe ...