如何提高输出效率之editplus篇
做为前端的码农,大家都懂的,那么如何提高输出效率?相信每个人都有一套自己喜欢的工作方式,但你的工作方式真的很快效率吗?这个问题相信绝大部分人都不愿意直接回答;我们的工作是即枯燥又单调的,如何减少我们在输出敲打键盘的次数,提高少少工作效率呢?大家都有自己的方法,萝卜白菜各有所爱,经过前几天对几种大家常用的文本编辑器(editplus,notePad++,Sublime Text)进行试用,本有意再用回DW,但各种理由,最终放弃了,最后还是选择了editplus。
今天重点介绍的是使用editplus来提高代码的输出效率
为什么选择editPlus?
1、用的人很多
2、综合通用性和易用性
3、其它各种不解释的理由
我最喜欢的功能主要是:
1、zen Coding2、支持片段
3、支持FTP
4、自动完成(有zen Coding后果段少用了)
这三个功能其它文本编辑器也有,但各有不同,比如:notepad++我也很喜欢,目前的版本没有发现代码片段这个要命的功能,所以后来放弃了。
editplus 3.5.1已集成zen Coding了,和之前坑爹的插件比起来,完美了很多
Emmet(zen coding)技巧解读
editplus中emmet和zen Coding是有区别的,可以理解为emmet是zen Coding的升级版,具体细节就不介绍了,用过的人都懂的。
1、跳过div
2、带有DOM导航的链式缩写
> 子节点:在DOM树下一层添加创建一个元素
+ 同级别:在DOM树同一层添加创建一个元素
^ 向上层:向上一层添加创建创建一个元素。
3、使用分组来简化你的代码结构
()和^的意思是一样的,只是用法有一点点区别
4、插入文本和属性
{}插入文本内容
5、添加多个class
6、重复添加及自动列表记数
2、支持片段
3、支持FTP
4、自动完成
代码片段、FTP、自动完成就不解释了,很多文本编辑器都有的
实战请看视频
用户登录
还没有账号?
立即注册