开发效率神器 uTools - 偏前端和 UI

本文首发于：Bougie's Blog - 效率神器 uTools

前言

今天组内公众号推荐了 Mac 上的效率神器 Alfred。

详情链接：效率神器 Alfred workflow 插件推荐

早上去公司正准备折腾一波，另一个同事说还有个效率神器叫 uTools。下载完一看，简直完爆上面那个啊 :rofl:。
界面上完全碾压 Alfred，拓展面板功能也更多，缺点是插件数量不及 Alfred。
重点是 uTools 是基于 Electron 开发的，懂 Node JS 就可以自己开发插件了。

重点来了

安装完并启动后，按 option + space 就可以启动 uTools 搜索框了。mac os 自带的聚焦搜索能搜到的东西它也都能搜到。

先来几张截图

屏幕快照 2019-04-18 下午11.56.55.png 屏幕快照 2019-04-18 下午11.57.38.png 屏幕快照 2019-04-18 下午11.57.56.png

简直太好用了，以上三张图片已用 uTools 上传至图床。

好用的插件

这个工具的主程开发一定是一位前端开发工程师，做过前端的的同学肯定一眼就能看出 uTools 里面的 Select 和 Input 等控价都是阿里的 Ant Design。

计算稿纸

可同时输入多个算式

屏幕快照 2019-04-19 上午12.08.49.png

取色器

可能优化不太好，取色器启动很慢，不过功能还是很好用的。

屏幕快照 2019-04-19 上午12.10.53.png

图像压缩

可通过 TinyPng 或本地算法压缩。本文图像都没压缩，注意流量。

屏幕快照 2019-04-19 上午12.43.35.png

图床

再也不用打开浏览器去传图了，缺点是不能同时传多张图。
[站外图片上传中...(image-fd63b4-1555741166578)]

正则校验

行云流水般写了一堆正则但是不知道对不对？赶紧校验一下 :grin:。

屏幕快照 2019-04-19 上午12.19.33.png

抓包

还带抓包功能，这可让其它工具怎么活啊 :laughing:。
[站外图片上传中...(image-203372-1555741351346)]

...

还有更多插件可以自行下载探索

屏幕快照 2019-04-18 下午11.57.38.png

Flag 来了

计划给 uTools 开发一个雪碧图生成插件，虽说 WebPack 等构建工具已经有生成雪碧图的插件了，但是一些老项目并没有这么智能的开发流程。
开发参考样例：

屏幕快照 2019-04-19 上午12.34.46.png