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 ...
随机推荐
- 64.GitHub 排名前100的android项目简介
GitHub Android Libraries Top 100 简介 排名完全是根据 GitHub 搜索 Java 语言选择 (Best Match) 得到的结果, 然后过滤了跟 Android 不 ...
- Hadoop启动报Error: JAVA_HOME is not set and could not be found解决办法
Hadoop安装完后,启动时报Error: JAVA_HOME is not set and could not be found. 解决办法: 修改/etc/hadoop/hadoop-env.sh ...
- Linux安装pdo_mysql模块
网站不能访问 查看apache日志 PHP Fatal error: Uncaught exception 'PDOException' with message 'could not find dr ...
- 拉曼软件在win8上运行出错问题
前提:xp上安装运行都没错 xp的.NET 环境是4.0 ,win8 是64位系统.自带.NET Framework 3 (3.0 3.5) 和.NET Framework 4.51:源程序拷贝到w ...
- C语言实现penna模型
一年前写的代码,偶然翻出来.发现自己当时水平还不赖吗. # include <stdio.h> # include <stdlib.h> # include <time. ...
- 通过Calendar类判断是否是周末及是否在指定时间
package time; import java.sql.Timestamp; import java.util.Calendar; import java.util.Date; public cl ...
- Alpha版本十天冲刺——Day 2
站立式会议 会议总结 队员 今天完成 遇到的问题 明天要做 感想 鲍亮 学习post请求连接服务器,学习git 无 http资源请求方法封装,完成Android验证码获取接口和登录验证接口 今天满课, ...
- HTML5学习总结-05 HTML5表单
一 HTML5 新的类型 HTML5 拥有多个新的表单输入类型.这些新特性提供了更好的输入控制和验证. email url number range Date pickers (date, month ...
- mybatis的逆向工程
mybatis的逆向工程是很大的减少了程序员对代码的编写工作,由于mybatis是半自动的sql语句使用,我们在项目中一般都是采用逆向工程来生成mybatis的文件,mapper接口相当于我们平常所说 ...
- java8 中的时间和数据的变化
java8除了lambda表达式之外还对时间和数组这两块常用API做想应调整, Stream 有几个常用函数: store 排序 (a,b)-> a.compareTo(b) 排出来的结果是正 ...