简介
对于接触前端的小伙伴们,为了优化肯定是想尽办法的。最常见的手段就是压缩,减小请求文件的大小。
Atom编辑器有丰富的拓展接口,所以国外的大牛把几种常见的压缩集成到一个小插件里面;
于是就有atom-minify
这个快捷压缩插件
插件相关
作者: armin-pfaeffle
插件地址: https://atom.io/packages/atom-minify
安装方法
apm install atom-minify
- 进入设置中心搜索
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项目: StartFrontendProject
个人写的gulp
执行队列,涵盖了一些常用的功能,有兴趣的可以fork一起完善。