最近有不少的粉絲們私信問我有沒有程序員、技術產品、項目經理、UI設計師等崗位的提升工作效率的工具，而且是免費開源不限制的。比如：畫圖工具、數據抓包工具、原型制作工具，資源如何搜索等等。小編也給你們一一回復了，請大家不要著急，更不會辜負粉絲們的要求，給老鐵們安排上。接下來給大家分享20個提升程序員軟技能與效率的必備工具，希望能幫上老鐵們，同時祝福粉絲們在工作上，事事順心，事業一帆風順。如果有哪些粉絲們覺得比較實用的工具推薦，請在下方評論留言，小編后續補充。

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作為一款由國內團隊自主研發的軟件，擁有比較好的中文支持，操作方面也更符合國人的使用習慣。

如下圖：