您的位置: 首页 >日志>前端技术>详细内容

前端技术

如何提高输出效率之editplus篇

来源:本站原创 发布时间:2013-03-29 18:25:05 浏览次数: 【字体:

    做为前端的码农,大家都懂的,那么如何提高输出效率?相信每个人都有一套自己喜欢的工作方式,但你的工作方式真的很快效率吗?这个问题相信绝大部分人都不愿意直接回答;我们的工作是即枯燥又单调的,如何减少我们在输出敲打键盘的次数,提高少少工作效率呢?大家都有自己的方法,萝卜白菜各有所爱,经过前几天对几种大家常用的文本编辑器(editplus,notePad++,Sublime Text)进行试用,本有意再用回DW,但各种理由,最终放弃了,最后还是选择了editplus。

    今天重点介绍的是使用editplus来提高代码的输出效率
 

为什么选择editPlus?
1、用的人很多
2、综合通用性和易用性
3、其它各种不解释的理由

我最喜欢的功能主要是:
1、zen Coding 2、支持片段
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、自动完成就不解释了,很多文本编辑器都有的

实战请看视频
 

×

用户登录