Atom编辑器折腾记_atom-minify[CSSJS压缩神器]

Atom编辑器折腾记_atom-minify[CSSJS压缩神器],第1张

概述简介对于接触前端的小伙伴们,为了优化肯定是想尽办法的…. atom丰富的拓展接口,让atom变得更加强大,,,,国外的大牛把几种常见的压缩集成到一个小插件里面; 于是就有atom-minify这个快捷压缩神器插件项目首页作者: armin-pfaeffle插件地址:https://atom.io/ 简介

对接触前真个小火伴们,为了优化肯定是想尽办法的….
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` : 全局开启或关闭履行后d出的消息面板功能 还有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这些…

总结

以上是内存溢出为你收集整理的Atom编辑器折腾记_atom-minify[CSS/JS压缩神器]全部内容,希望文章能够帮你解决Atom编辑器折腾记_atom-minify[CSS/JS压缩神器]所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1016351.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-22
下一篇 2022-05-22

发表评论

登录后才能评论

评论列表(0条)

保存