前端开发 - 切图快捷方式

前言

由于目前所在公司由于前端缺人，而我也刚好有点前端基础，导致最近被调到前端组帮忙做前端页面(QAQ~)

做过前端的小伙伴都知道，前端除了写代码外，还得自己切图，而一个快捷的切图是很能提高效率的，本来想百度，奈何垃圾信息太多，找不到，所以我满怀目的的去问前端有没有啥好用的工具，然后发现他们也没有，最后去找了UI小姐姐，功夫不负有心人，死磨硬泡被我套出来了（哈哈哈）

工具

ps：Adobe_Photoshop_CC_2019    （2019最新版）

ps切图辅助器：Cutterman

流程

1、下载并安装 Ps2019  （时间安装大概4~6min）

2、下载并安装 Cutterman后，关闭重启 ps

3、然后 --》 点击窗口  -》扩展功能  -》选择 Cutterman -切图神器 

就会弹出工具在ps界面中

4.具体操作如下

5.这里我是放桌面了，如图

这样就切好图片了，是不是很方便！！！简直爱死~，故此做个记录

 

---

扩展

还有一个 【PxCook】，也贼好用，用来前端看psd文件里图标，结构的间距，大小，字体，颜色等等。也可以切图，不过没第一种方便，如图：