打造“前端开发”程序员专用版EditPlus
作者:yemoo 来源:AJAXBBS 发布时间:2009-01-05 13:04:00
在各类的前端开发工具里,在功能上虽然Editplus显得有些“单薄”,但是仍然是很多我辈做开发的人们离不开的工具,因为他小巧,语言高亮,支持工具扩展等功能,通过工具扩展,你甚至可以把它打造的强大无比。
本人一般用editplus写一些小的测试代码或者来研究学习别人的代码,但经常会遇到这些问题:下载过来的HTML/CSS代码混乱,JS代码被压缩,或者是我们想把我们的代码做一下压缩混淆以供发布时使用。当然,对于代码的格式化和代码压缩等,我们都可以使用专有的工具,或者使用一些在线的工作来做,既然EditPlus可以扩展插件,那我们何不利用这一功能来把这些工具集成到EP中呢?
其实很早我都有这些想法,一直没有深究其做法,EP的用户工具组,我一般也是挂些帮助手册之类的供开发时参考。昨天在BlueIdea看到有人发了一篇名为“让Editplus自动格式化css和js”的文章,看完后觉得写的很好,我也突然来了灵感,为什么不把前端开发常用工具都集成进去呢?
说做就做,我在网上找了一些相关的工具代码,按照作者的方式开始改造(作者是使用“本地cScript调用JS+EP的文本过滤器”的方式来实现的)。
这里我整理了如下一些工具(HTMLFormat/JSFormat/CSSFormat/JSPack(普通压缩与混淆压缩)/HTML2JS(JS2HTML))。
下面来说下集成的方法(以下以EditPlus3中文版本为例):
下载工具包:
edTools.rar,解压后放到磁盘的一个目录,如D:\edTools。
打开ED,打开“工具”-“用户工具组”,在弹出的对象框中,在“组和工具项目”下拉框中选择一个工具组,点击“组名称”,为该组工具设定一个名称,如“前端开发工具”,如下图所示:
下面开始加入工具,这里主要以JSFormat为例讲解,其它类似。
点击“添加”--“应用程序”,在新建的项中,菜单文本写上名称,如"jsFormat",在命令里面输入:cscript /nologo "D:\edTools\jsFormatter.js"
后面引号中的内容要修改你磁盘上对应的文件的路径。
在下面的几个选项中,选择“运行为文本过滤”。如下图所示:其它几个的安装方式与jsFormat的安装类似,这里不再重复。
对于jsPacker和html2js两个文件,这里要做下说明,因为这两个文件都分别包含两个功能,因此我以参数的形式来做区分了,下面对这两个文件做简要说明:
jsPacker.js:如果不传参数,则做普通的JS压缩,即将代码中的空格、换行、注释等删除,如果含有参数,则采用混淆压缩。
html2js.js:如果不传参数,则是html转js,如果传入参数则是js还原为html的。
因此,对于普通js压缩和html转js,我们只需和jsFormat一样设置即可。对于JS加密压缩和js转js,需要再设置一个参数传入(随意设置一个参数即可),如下图。配置完成以后,点击确定。然后点“工具”--“用户工具组”,选择我们刚才创建的工具组(如过你用的是工具组,这步可以略过)。
这时候再看你的工具菜单,应该是这样子了。
到这里就完成了,你可以打开一个JS文件,然后选择“工具”--“jsFormat”看看格式化的效果,或者选择jsPacker/jsPacker(加密)试一下代码压缩。如果只想格式化文件中的某部分代码,也很简单,选中我们要格式化的文本,然后点击相应的操作菜单即可。
是不是觉得自己的EdithPlus又强大了许多?自己的一点心得,分享出来,希望对各位朋友有用,大家也可以利用这个功能来扩展自己一些功能。


猜你喜欢
- 如何在生产上部署Django?Django的部署可以有很多方式,采用nginx+uwsgi的方式是其中比较常见的一种方式。uwsgi介绍uW
- PHP 5.0.0 和PHP 4.0.38 于2004年7月13日同时发布,这是一个值得我们PHP爱好者的一大喜讯。期盼已久的PHP5终于出
- 如图:其中Num是自增长列,Operation是分类标签,count是汇总数据 代码如下:select Num=row_numb
- 一、sqlSession简单介绍拿到SqlSessionFactory对象后,会调用SqlSessionFactory的openSesiso
- 使用python生成一个图片验证码,随机的,可以由于验证人机和别的啊,很方便很简单导入模块import randomfrom PIL imp
- 用matplotlib.pyplot画的图,显示和保存的图片周围都会有白边,可以去掉。为了显示的更清楚,给图片加了红色的框代码“` impo
- BrowserPlus 到底是什么,又能做什么?BrowserPlus 是 Yahoo! 最近刚发布一个 Web 扩展的平台:终端用户需安装
- glob 文件名模式匹配,不用遍历整个目录判断每个文件是不是符合。1、通配符星号(*)匹配零个或多个字符import globf
- 网上的SQL优化的文章实在是很多,说实在的,我也曾经到处找这样的文章,什么不要使用IN了,什么OR了,什么AND了,很多很多,还有很多人拿出
- jupyter notebook安装完成之后需要密码,还有某些情况下也会出现需要输入密码的情况解决方法如下:1、在运行界面输入 jupyte
- 以下以CentOS 7.2为例,安装php的运行环境,首先打开php官网http://php.net/点击导航栏的Downloads进入下载
- 1.先引入switchery.css 和 switchery.js2.绘制 checkbox按钮 : a.静态页面写法 未选中时
- 本文实例为大家分享了vue中使用svg封装全局消息提示组件的具体代码,供大家参考,具体内容如下先看效果图一、首先安装下载需要用到的svg相关
- Properties类简要概括: Properties类是 键和值均为字符串的可以永久存储到文件中的key-value集合java.util
- 正在看的ORACLE教程是:Access2000迁移到Oracle9i要点。 &nb
- 1.基于OpenCV的形状检测Python版本目录结构1.1.定义我们的形状检测器类ShapeDetector开始定义我们的 ShapeDe
- CSS3 + HTML5是未来的Web,它们都还没有正式到来,虽然不少浏览器已经开始对它们提供部分支持。本文介绍了5个CSS3技巧,可以帮你
- 深入作用域链与闭包为什么要把作用域链和闭包放在一起讲呢,它们有什么关联吗?试想,我们如果在一个内部的函数使用了外部的变量,是通过[[oute
- 如果程序中没有设置session的过期时间,那么session过期时间就会按照IIS设置的过期时间来执行,IIS中session默认过期时间
- 1.在用windows模式登陆sql server 数据库 简历一个student的数据库,然后新建查询:create table stud