Atom编辑器折腾记_(17)atom-minify[CSS/JS压缩神器]

简介

对于接触前端的小伙伴们,为了优化肯定是想尽办法的….

atom丰富的拓展接口,让atom变得更加强大,,,,国外的大牛把几种常见的压缩集成到一个小插件里面;

于是就有

atom-minify

这个快捷压缩神器

插件项目首页

作者： armin-pfaeffle

插件地址：　https://atom.io/packages/atom-minify

＃安装方法

1.

apm install  atom-minify

2. 进入设置中心搜索

atom-minify

设置非常丰富,一些图形化的设置已经满足一些小伙伴正常使用了

默认快捷键

ctrl-shift-m

: 执行压缩,生成一个带min后缀的(不想用min代表压缩可以进入设置修改)

ctrl-alt-shift-m

/

ctrl-cmd-shift-m

: 全局开启或者关闭保存自动生成压缩软件

ctrl-alt-shift-h /

ctrl-cmd-shift-h` : 全局开启或者关闭执行后弹出的消息面板功能

还有一些比较少用的快捷键,具体看文档

支持的压缩规格

CSS支持四种压缩标准

YUI Compressor, clean-css, CSSO, Sqwish.

JS支持三种压缩标准

YUI Compressor, Google Closure Compiler, UglifyJS2.

提示

atom的许多特性插件都是大牛从npm那里搬过来封装的….所以就必须依赖各种模块;所以执行插件遇到各种错误的时候别虚,,看下错误..缺啥补啥….

如果想玩自动化构建的,可以去了解下 gulp , 通过丰富的插件,来实现更加复杂的功能,比如动态监听,压缩等等

附上一个Github项目:

https://github.com/crperlin/StartFrontendProject

个人写的gulp执行队列,涵盖了一些常用的功能….有兴趣的可以fork一起完善;

后续再增加webpack这些…