Atom编辑器折腾记_(17)atom-minify[CSS/JS压缩神器]
2015-10-20 21:50
886 查看
简介
对于接触前端的小伙伴们,为了优化肯定是想尽办法的….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这些…
相关文章推荐
- java自动生成验证码插件-kaptcha
- jQuery菜单插件用法实例
- 加载flash9.ocx出现错误的解决方法
- jquery实现的代替传统checkbox样式插件
- C#使用DeflateStream解压缩数据文件的方法
- 10款新鲜出炉的 jQuery 插件(Ajax 插件,有幻灯片、图片画廊、菜单等)
- 推荐40个非常优秀的jQuery插件和教程【系列三】
- C#调用WinRar执行rar、zip压缩的方法
- Node.js插件的正确编写方式
- 推荐十款免费 WordPress 插件
- C#实现页面GZip或Deflate压缩的方法
- C#使用iCSharpcode进行文件压缩实现方法
- C#实现压缩HTML代码的方法
- Asp.net在线备份、压缩和修复Access数据库示例代码
- 使用JavaScript开发IE浏览器本地插件实例
- 推荐25个超炫的jQuery网格插件
- 纯JavaScript实现的分页插件实例
- 使用UglifyJS合并/压缩JavaScript的方法
- JQuery插件jcarousellite的参数中文说明
- 高性能WEB开发 JS、CSS的合并、压缩、缓存管理