程序员人生 网站导航

Atom编辑器折腾记_atom-minify[CSS/JS压缩神器]

栏目:htmlcss时间:2016-04-20 10:35:08

简介

对接触前真个小火伴们,为了优化肯定是想尽办法的….
atom丰富的拓展接口,让atom变得更加强大,,,,国外的大牛把几种常见的紧缩集成到1个小插件里面;
因而就有atom-minify这个快捷紧缩神器

插件项目首页

作者: armin-pfaeffle

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

#安装方法
1.apm install atom-minify
2. 进入设置中心搜索atom-minify

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

这里写图片描述

默许快捷键

  • ctrl-shift-m: 履行紧缩,生成1个带min后缀的(不想用min代表紧缩可以进入设置修改)
  • ctrl-alt-shift-m/ctrl-cmd-shift-m: 全局开启或关闭保存自动生成紧缩软件
  • ctrl-alt-shift-h /ctrl-cmd-shift-h` : 全局开启或关闭履行后弹出的消息面板功能
  • 还有1些比较少用的快捷键,具体看文档

支持的紧缩规格

  • CSS支持4种紧缩标准
    • YUI Compressor, clean-css, CSSO, Sqwish.
  • JS支持3种紧缩标准
    • YUI Compressor, Google Closure Compiler, UglifyJS2.

提示

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

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

附上1个Github项目:
https://github.com/crperlin/StartFrontendProject

个人写的gulp履行队列,涵盖了1些经常使用的功能….有兴趣的可以fork1起完善;

后续再增加webpack这些…

------分隔线----------------------------
------分隔线----------------------------

最新技术推荐