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 ...
随机推荐
- GraphX的三大图算法
1. PageRank http://blog.csdn.net/hguisu/article/details/7996185 2. Connected Components 3. Triangle ...
- bzoj 3224 splay模板题4
再刷水题我就废了... #include<iostream> #include<cstdio> #include<algorithm> #include<cs ...
- Leetcode 270. Closest Binary Search Tree Value
Given a non-empty binary search tree and a target value, find the value in the BST that is closest t ...
- 【BZOJ-1009】GT考试 KMP+DP+矩阵乘法+快速幂
1009: [HNOI2008]GT考试 Time Limit: 1 Sec Memory Limit: 162 MBSubmit: 2745 Solved: 1694[Submit][Statu ...
- 【codevs1743】 反转卡片
http://codevs.cn/problem/1743/ (题目链接) 题意 给出一个序列{a1,a2,a3···},要求维护这样一种操作:将前a1个数反转,若第a1等于1,则停止操作. Solu ...
- USACO 3.4 Electric Fence 皮克定理
题意:在方格纸上画出一个三角形,求三角形里面包含的格点的数目 因为其中一条边就是X轴,一开始想的是算出两条边对应的数学函数,然后枚举x坐标值求解.但其实不用那么麻烦. 皮克定理:给定顶点坐标均是整点( ...
- 分析ffmpeg解析ts流信息的源码
花费一些时间,然后全部扔了.为了不忘记和抛砖引玉,特发此贴. ffmpeg解析ts流 1.目的 打算软件方式解析出pat,pmt等码流信息 2.源代码所在位置 下载ffmpeg ...
- OS X: Messages Agent wants to use the "login" keychain
问题: 启动mac电脑后弹出对话框,内容是Messages Agent wants to use the "login" keychain.无法取消. 首先说下keychain是什 ...
- HTML5学习总结-06 WebWorker
一 WebWorkder 它允许开发人员编写能够长时间运行而不被用户所中断的后台程序,去执行事务或者逻辑,并同时保证页面对用户的响应.简而言之,就是允许JavaScript创建多个线程,但是子线程完全 ...
- Java 序列化Serializable接口
1 什么是序列化和反序列化 Serialization(序列化)是一种将对象以一连串的字节描述的过程:反序列化deserialization是一种将这些字节重建成一个对象的过程. 2 什么情况下需要 ...