大家好，我是Echa。

最近有不少的粉丝们私信问我有没有程序员、技术产品、项目经理、UI设计师等岗位的提升工作效率的工具，而且是免费开源不限制的。比如：画图工具、数据抓包工具、原型制作工具，资源如何搜索等等。小编也给你们一一回复了，请大家不要着急，更不会辜负粉丝们的要求，给老铁们安排上。接下来给大家分享20个提升程序员软技能与效率的必备工具，希望能帮上老铁们，同时祝福粉丝们在工作上，事事顺心，事业一帆风顺。如果有哪些粉丝们觉得比较实用的工具推荐，请在下方评论留言，小编后续补充。

创作不易，喜欢的老铁们加个关注，点个赞，后面会持续更新干货，速速收藏，谢谢！你们的一个小小举动就是对小编的认可，更是创作的动力。

全文大纲

1. diagrams – 是一款免费的在线图表编辑工具, 可以用来编辑工作流, BPM, org charts, UML, ER图, 网络拓扑图等，而且是免费的哦，创建的图表等
2. ProcessOn – 是一个在线作图工具的聚合平台，它可以在线画流程图、思维导图、UI原型图、UML、网络拓扑图、组织结构图等等， 不管 Mac 还是 Windows，一个浏览器就可以随时随地的发挥创意，规划工作。
3. excalidraw –是一款非常轻量的 在线白板 工具，可以直接在浏览器打开，轻松绘制具有 手绘风格 的图形。
4. whistle – 代理抓包工具，很好很强大。
5. Easy mock – 是杭州大搜车无线团队出品的一个极其简单、高效、可视化、并且能快速生成模拟数据的 在线 Mock 服务 。
6. Fiddler – 是一个蛮好用的抓包工具，可以将网络传输发送与接收的数据包进行截获、重发、编辑、转存等操作。也可以用来检测网络安全。
7. GitHub 统计–GitHub 全球排名：这个排名很权威。
8. 墨刀 – 原型设计工具，原型、设计、流程图、思维导图……享受创造的乐趣，成就团队和个人
9. 蓝湖 – 一款产品文档和设计图的共享平台，帮助互联网团队更好地管理文档和设计图。
10. PxCook – 高效易用的自动标注工具，生成前端代码，设计研发协作利器
11. removebg – 一个抠图神器类工具，消除图片背景:100% 自动 – 只需 5 秒– 无需点击 – 免费。
12. ps-uupoop – PS 在线图片编辑器是一个专业精简的在线 ps 图片照片制作处理软件工具，直接在浏览器打开就可用它修正，调整和美化图像。
13. tinypng – 图片无损快速压缩工具，可以大大提高页面加载速度，值得推荐
14. postman – 一款非常不错的网页调试工具
15. Apifox – API 文档、调试、Mock、测试一体化协作平台。Apifox = Postman Swagger Mock JMeter。
16. Charles – 最好用的抓包工具。Charles 是一个支持多平台的 HTTP 代理器、HTTP 监控、反向代理器。它能够让开发者查看本地机器与互联网之间的所有 HTTP 以及 SSL/HTTPS 传输数据。
17. SourceTree – 是非常好用的 Git 图形界面工具，它是由Atlassian开发的免费Git图形界面工具，可以操作任何 Git 库。
18. SecureCRT –是一款支持SSH（SSH1和SSH2）的终端仿真程序，简单地说是Windows下登录UNIX或Linux服务器主机的软件。
19. Typora – 是一个功能强大的文档编辑器，主要可以用来写博客分享，读书笔记，及会议纪要等等功能多样，页面简洁，支持插入数学表达式，插入表情，表格，支持标准的Markdown语法，可以使用标注，功能强悍！还可以导出PDF文件和HTML文件。
20. MindMaster – 是国内知名图形软件厂商亿图出品的思维导图工具，凭借多年在图形软件领域的深耕，MindMaster 无论是在产品的使用体验还是完整性上，都表现得可圈可点。

diagrams

官方网址：HTTPS://www.diagrams.net/

在线预览：https://app.diagrams.net/

diagrams – 是一款免费的在线图表编辑工具, 可以用来编辑工作流, BPM, org charts, UML, ER图, 网络拓扑图等，而且是免费的哦，创建的图表等

如下图：

ProcessOn

官方网址：https://www.processon.com/

在线预览：https://www.processon.com/diagrams

ProcessOn 是一个在线协作绘图平台,支持在线制作思维导图、流程图、组织结构图、网络拓扑图、鱼骨图、UML图等,同时可实现人与人之间的实时协作和共享,提升团队工作效率。

如下图：

excalidraw

在线预览：https://excalidraw.com/

excalidraw –是一款非常轻量的 在线白板 工具，可以直接在浏览器打开，轻松绘制具有 手绘风格 的图形。

主要功能

1. 浏览器直接打开，无需安装；可以在任何设备上使用，比如电脑端、手机、平板电脑，只要在浏览器打开上述链接即可使用
2. Excalidraw支持最常用的图形元素：方框、圆、菱形、连接线，可以方便的使用这些元素绘制简洁的图形

如下图：

whistle

Github：https://github.com/avwo/whistle

在线预览：http://wproxy.org/whistle/

whistle(读音[ˈwɪsəl]，拼音[wēisǒu])基于Node实现的跨平台web调试代理工具，类似的工具有Windows平台上的Fiddler，主要用于查看、修改HTTP、HTTPS、Websocket的请求、响应，也可以作为HTTP代理服务器使用，不同于Fiddler通过断点修改请求响应的方式，whistle采用的是类似配置系统hosts的方式，一切操作都可以通过配置实现，支持域名、路径、正则表达式、通配符、通配路径等多种匹配方式，且可以通过Node模块扩展功能：

Whistle 是基于 Node 实现的跨平台抓包调试工具，其主要特点：

• 完全跨平台：支持 Mac、Windows 等桌面系统，且支持服务端等命令行系统
• 功能强大（理论上可以对请求做任意修改）：
• 支持作为 HTTP、HTTPS、SOCKS 代理及反向代理
• 支持抓包及修改 HTTP、HTTPS、HTTP2、WebSocket、TCP 请求
• 支持重放及构造 HTTP、HTTPS、HTTP2、WebSocket、TCP 请求
• 支持设置上游代理、PAC 脚本、Hosts、延迟（限速）请求响应等
• 支持查看远程页面的 console 日志及 DOM 节点
• 支持用 Node 开发插件扩展功能，也可以作为独立 npm 包引用

操作简单：

• 直接通过浏览器查看抓包、修改请求
• 所有修改操作都可以通过配置方式实现（类似系统 Hosts），并支持分组管理
• 项目可以自带代理规则配置并一键设置到本地 Whistle 代理，也可以通过定制插件简化操作

如下图：

Easy Mock

在线预览：https://mock.mengxuegu.com/

Easy Mock – 是杭州大搜车无线团队出品的一个极其简单、高效、可视化、并且能快速生成模拟数据的 在线 mock 服务 。

EasyMock 是一套用于通过简单的方法对于给定的接口生成 Mock 对象的类库。它提供对接口的模拟，能够通过录制、回放、检查三步来完成大体的测试过程，可以验证方法的调用种类、次数、顺序，可以令 Mock 对象返回指定的值或抛出指定异常。通过 EasyMock，我们可以方便的构造 Mock 对象从而使单元测试顺利进行。

如下图：

Fiddler

官网地址：https://www.telerik.com/fiddler

Fiddler 是一款Web调试代理工具，用于记录计算机和Internet之间的所有HTTP（S）通信。检查流量，设置断点，并编辑操作请求/响应。

Fiddler Web调试器可以记录，检查和调试来自任何浏览器的流量。

Fiddler Web调试器可以从任何基于Windows的PC，Mac或Linux系统以及移动设备上调试Web流量。

如下图：

GitHub 统计

官网地址：https://gitstar-ranking.com/

GitHub 全球排名：这个排名很权威。

每个在 GitHub 开源的开发者，都想知道自己在 GitHub 上的排名吧，很简单只要在上面输入框输入自己的 GitHub 用户名即可，就可以看到自己的统计数据了。

如下图：

墨刀

官网地址：https://modao.cc/

墨刀 – 原型设计工具，原型、设计、流程图、思维导图……享受创造的乐趣，成就团队和个人

• 产品设计，何止是快，简单的拖拽，即可快速完成产品设计，将更多的时间留给思考
• 尺寸灵活，创作不受限，适配各类移动产品、网页设计、后台管理、小程序、活动原型….
• 支持制作高、低保真原型，不论是工作交流，还是客户展示，都能完美满足团队需求

如下图：

蓝湖

官网地址：https://lanhuapp.com/

蓝湖 – 一款产品文档和设计图的共享平台，帮助互联网团队更好地管理文档和设计图。

蓝湖可以在线展示 Axure，自动生成设计图标注，与团队共享设计图，展示页面之间的跳转关系。

• 高效的产品设计协作平台
• 无缝衔接产品、设计、研发流程
• 降低沟通成本，缩短开发周期，提高工作效率

国内大部分设计师和前端在用这个来对接 ps 文件吧，真的好用！

如下图：

PxCook

官网地址：https://lanhuapp.com/

PxCook – 高效易用的自动标注工具，生成前端代码，设计研发协作利器。

• 从设计到代码, 让团队高效协作
• 高效易用的自动标注工具，生成前端代码，设计研发协作利器

如下图：

removebg

官网地址：https://www.remove.bg/zh

removebg 一个抠图神器类工具，消除图片背景:100% 自动 – 只需 5 秒– 无需点击 – 免费。

Remove.bg 是一款非常神奇强大的在线人像照片/物品图片背景快速去除工具，你只需要上传图片，它就会利用「人工智能」技术全自动帮你扣掉背景，5 秒钟就能给你一张透明的移除背景后的主体照片。整个过程非常的简单傻瓜，你完完全全不需要花费任何精力去自己抠图。

如下图：

ps-uupoop

官网地址：https://www.uupoop.com/

ps-uupoop – PS 在线图片编辑器是一个专业精简的在线 ps 图片照片制作处理软件工具，直接在浏览器打开就可用它修正，调整和美化图像。

相比同类软件，uupoop 支持的文件格式更多，包含 psd、xd、sketch、xcf、raw、pdf 及常见图片格式。

整体体验下来，我觉得 uupoop 拥有了原版PS 80% 的功能，基本可以满足轻量的编辑或应急情况下的编辑需求。

如下图：

tinypng

官网地址：https://tinypng.com/

TinyPNG使用智能有损压缩技术将您的WebP, PNG and JPEG图片的文件大小降低。 通过选择性的减少图片中的颜色，只需要很少的字节数就能保存数据。 对视觉的影响几乎不可见，但是在文件大小上有非常大的差别。

PNG and JPEG图片的文件大小降低。 通过选择性的减少图片中的颜色，只需要很少的字节数就能保存数据。 对视觉的影响几乎不可见，但是在文件大小上有非常大的差别。

PNG很有用，因为它是唯一可以存储部分透明图像的广泛支持的格式。 这个格式使用了压缩，但是文件依旧很大。 使用TinyPNG为您的应用和站点压缩图片。 将会减少带宽占用，并更快加载。

本软件不限制图片数量，可选择本地图片文件夹，批量进行图片压缩。

如下图：

postman

官网地址：https://www.postman.com/

Postman是google开发的一款功能强大的网页调试与发送网页HTTP请求，并能运行测试用例的的Chrome插件。其主要功能包括：

模拟各种HTTP requests

从常用的 GET、POST 到 RESTful 的 PUT 、 DELETE …等等。 甚至还可以发送文件、送出额外的 header。

collection 功能（测试集合）

Collection 是 requests的集合，在做完一個测试的時候， 你可以把這次的 request 存到特定的 Collection 里面，如此一來，下次要做同样的测试时，就不需要重新输入。而且一个collection可以包含多条request，如果我们把一个request当成一个test case，那collection就可以看成是一个test suite。通过collection的归类，我们可以良好的分类测试软件所提供的API.而且 Collection 还可以 Import 或是 Share 出來，让团队里面的所有人共享你建立起來的 Collection。

人性化的Response整理

一般在用其他工具來测试的時候，response的内容通常都是纯文字的 raw， 但如果是 JSON ，就是塞成一整行的 JSON。这会造成阅读的障碍 ，而 Postman 可以针对response内容的格式自动美化。 JSON、 XML 或是 HTML 都會整理成我们可以阅读的格式

内置测试脚本语言

Postman支持编写测试脚本，可以快速的检查request的结果，并返回测试结果

设定变量与环境

Postman 可以自由设定变量与Environment，一般我们在编辑request，校验response的时候，总会需要重复输入某些字符，比如url，postman允许我们设定变量来保存这些值。并且把变量保存在不同的环境中。比如，我們可能会有多种环境， development 、 staging 或 local， 而这几种环境中的 request URL 也各不相同，但我们可以在不同的环境中设定同样的变量，只是变量的值不一样，这样我们就不用修改我们的测试脚本，而测试不同的环境。

如下图：

Apifox

官网地址：https://www.apifox.cn/

apifox的优点

• 避免了代码和文档不同步的问题（自动将swagger同步到文档中）
• 避免重复劳动（swagger写好后，一键同步，文档、调试、Mock、测试 的数据全部自动生成）
• 开发效率高（功能很强大。比如：可以在自测时指定全局的token）

apifox推荐的开发方案

• 前端（或后端）在 Apifox 上定好接口文档初稿。
• 前后端 一起评审、完善接口文档，定好接口用例。
• 前端 使用系统根据接口文档自动生成的 Mock 数据进入开发，无需手写 mock 规则。
• 后端 使用接口用例 调试开发中接口，只要所有接口用例调试通过，接口就开发完成了。如开发过程中接口有变化，调试的时候就自动更新了文档，零成本的保障了接口维护的及时性。
• 后端 每次调试完一个功能就保存为一个接口用例。
• 测试人员 直接使用接口用例测试接口。
• 所有接口开发完成后，测试人员（也可以是后端）使用集合测试功能进行多接口集成测试，完整测试整个接口调用流程。
• 前后端 都开发完，前端从Mock 数据切换到正式数据，联调通常都会非常顺利，因为前后端双方都完全遵守了接口定义的规范

如下图：

Charles

官网地址：https://www.charlesproxy.com/

Charles中文名叫青花瓷，它是一款基于HTTP协议的代理服务器，通过成为电脑或浏览器的代理，然后截取请求和请求结果达到分析抓包的目的。

Charles的主要功能

• 支持HTTP和HTTPS代理
• 支持流量控制，可以用来模拟弱网环境测试
• 支持接口并发请求，可以用来做性能压力测试
• 支持重发网络请求
• 支持断点调试功能

Charles的优点

• 与Fiddler相比，
• Charles能够支持Linux、MacOS
• Charles支持按域名和按接口查看报文，简洁明了
• Charles支持反向代理
• Charles网络限速可选择网络类型
• Charles可以解析AMF协议

如下图：

SourceTree

官网地址：https://www.sourcetreeapp.com/

SourceTree 是 Windows 和Mac OS X 下免费的 Git 和 Hg 客户端，拥有可视化界面，容易上手操作。同时它也是Mercurial和Subversion版本控制系统工具。支持创建、提交、clone、push、pull 和merge等操作。

如下图：

SecureCRT

官网地址：http://securecrtfx.cn/SecureCRT/

SecureCRT –是一款支持SSH（SSH1和SSH2）的终端仿真程序，简单地说是Windows下登录UNIX或Linux服务器主机的软件。

SecureCRT软件功能强大，不仅仅支持SSH协议，同时还支持Telnet、RLogin、Serial和TAPI等协议，它有非常多的功能，这里就不一一介绍了，常用功能可见下文介绍。

与SecureCRT类似功能的SSH软件还有Xshell、Putty等。SecureCRT、Xshell、Putty等都仅仅是客户端软件，一般用于Windows客户端计算机，因此，无论选择哪款客户端SSH工具都是可以的。

如下图：

Typora

官网地址：https://typora.io/

Typora – 是一个功能强大的文档编辑器，主要可以用来写博客分享，读书笔记，及会议纪要等等功能多样，页面简洁，支持插入数学表达式，插入表情，表格，支持标准的Markdown语法，可以使用标注，功能强悍！还可以导出PDF文件和HTML文件。

Typora的三大亮点

1.单屏实时效果展示

• 其他的很多md编辑器，如果需要查看效果，都需要将屏幕分成两块。
• 左边是编辑区，右边是预览区，无形之中我们的操作界面就变小了，难受…
• 但是Typora就不一样啦，改完就能在一块屏幕看到效果，超级方便。

2. 多种图片存储方式支持

• 不管你是想把图片存储在文章的相对路径下，还是想上传到图床服务器，Typora都支持。
• 你只需要用截图软件截图一下，再在Typora中ctrl v一下，就ok了。
• 图片会自动按照你设置的方式进行存储。
• 如果有想要配置免费图床的小伙伴，可以参照我的这篇文章来做：使用Github picGo搭建图床，保姆级教程来了
• 教程和工具一应俱全。

3.多主题支持&支持自定义主题

• Typora有多个主题可供选择，笔者最喜欢的就是炫酷至极的黑色风格，可以说是程序员专属主题啦，和IDEA一样让人爱不释手。
• 网上也有很多别人做好的主题，简单导入一下就能直接使用，这一块笔者简单略过，后续有时间给大家整理一份炫酷的主题清单出来。
• 最后给出免费版下载地址合集，Typora最后一个免费版本是 0.11.18 ，所以下载这个版本就ok。

如下图：

MindMaster

官网地址：https://www.edrawsoft.cn/

MindMaster思维导图软件一种比较好的思维管理工具，在整理工作思路，简化工作流程，做好会议记录，进行任务管理、时间管理等方面都非常的实用。MindMaster作为一款由国内团队自主研发的软件，拥有比较好的中文支持，操作方面也更符合国人的使用习惯。

如下图：