最近有不少的粉絲們私信問(wèn)我有沒(méi)有程序員、技術(shù)產(chǎn)品、項(xiàng)目經(jīng)理、UI設(shè)計(jì)師等崗位的提升工作效率的工具，而且是免費(fèi)開(kāi)源不限制的。比如：畫(huà)圖工具、數(shù)據(jù)抓包工具、原型制作工具，資源如何搜索等等。小編也給你們一一回復(fù)了，請(qǐng)大家不要著急，更不會(huì)辜負(fù)粉絲們的要求，給老鐵們安排上。接下來(lái)給大家分享20個(gè)提升程序員軟技能與效率的必備工具，希望能幫上老鐵們，同時(shí)祝福粉絲們?cè)诠ぷ魃?，事事順心，事業(yè)一帆風(fēng)順。如果有哪些粉絲們覺(jué)得比較實(shí)用的工具推薦，請(qǐng)?jiān)谙路皆u(píng)論留言，小編后續(xù)補(bǔ)充。

diagrams

官方網(wǎng)址：https://www.diagrams.net/

在線預(yù)覽：https://app.diagrams.net/

diagrams - 是一款免費(fèi)的在線圖表編輯工具, 可以用來(lái)編輯工作流, BPM, org charts, UML, ER圖, 網(wǎng)絡(luò)拓?fù)鋱D等，而且是免費(fèi)的哦，創(chuàng)建的圖表等

如下圖：

 ProcessOn

官方網(wǎng)址：https://www.processon.com/

在線預(yù)覽：https://www.processon.com/diagrams

ProcessOn 是一個(gè)在線協(xié)作繪圖平臺(tái),支持在線制作思維導(dǎo)圖、流程圖、組織結(jié)構(gòu)圖、網(wǎng)絡(luò)拓?fù)鋱D、魚(yú)骨圖、UML圖等,同時(shí)可實(shí)現(xiàn)人與人之間的實(shí)時(shí)協(xié)作和共享,提升團(tuán)隊(duì)工作效率。

如下圖：

 excalidraw

在線預(yù)覽：https://excalidraw.com/

?excalidraw -是一款非常輕量的 在線白板 工具，可以直接在瀏覽器打開(kāi)，輕松繪制具有 手繪風(fēng)格 的圖形。

主要功能?

1. 瀏覽器直接打開(kāi)，無(wú)需安裝；可以在任何設(shè)備上使用，比如電腦端、手機(jī)、平板電腦，只要在瀏覽器打開(kāi)上述鏈接即可使用
2. Excalidraw支持最常用的圖形元素：方框、圓、菱形、連接線，可以方便的使用這些元素繪制簡(jiǎn)潔的圖形

如下圖：

 whistle

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

在線預(yù)覽：http://wproxy.org/whistle/

whistle(讀音[?w?s?l]，拼音[wēisǒu])基于Node實(shí)現(xiàn)的跨平臺(tái)web調(diào)試代理工具，類(lèi)似的工具有Windows平臺(tái)上的Fiddler，主要用于查看、修改HTTP、HTTPS、Websocket的請(qǐng)求、響應(yīng)，也可以作為HTTP代理服務(wù)器使用，不同于Fiddler通過(guò)斷點(diǎn)修改請(qǐng)求響應(yīng)的方式，whistle采用的是類(lèi)似配置系統(tǒng)hosts的方式，一切操作都可以通過(guò)配置實(shí)現(xiàn)，支持域名、路徑、正則表達(dá)式、通配符、通配路徑等多種匹配方式，且可以通過(guò)Node模塊擴(kuò)展功能：

Whistle 是基于 Node 實(shí)現(xiàn)的跨平臺(tái)抓包調(diào)試工具，其主要特點(diǎn)：

• 完全跨平臺(tái)：支持 Mac、Windows 等桌面系統(tǒng)，且支持服務(wù)端等命令行系統(tǒng)
• 功能強(qiáng)大（理論上可以對(duì)請(qǐng)求做任意修改）：
• 支持作為 HTTP、HTTPS、SOCKS 代理及反向代理
• 支持抓包及修改 HTTP、HTTPS、HTTP2、WebSocket、TCP 請(qǐng)求
• 支持重放及構(gòu)造 HTTP、HTTPS、HTTP2、WebSocket、TCP 請(qǐng)求
• 支持設(shè)置上游代理、PAC 腳本、Hosts、延遲（限速）請(qǐng)求響應(yīng)等
• 支持查看遠(yuǎn)程頁(yè)面的 console 日志及 DOM 節(jié)點(diǎn)
• 支持用 Node 開(kāi)發(fā)插件擴(kuò)展功能，也可以作為獨(dú)立 npm 包引用

操作簡(jiǎn)單：

• 直接通過(guò)瀏覽器查看抓包、修改請(qǐng)求
• 所有修改操作都可以通過(guò)配置方式實(shí)現(xiàn)（類(lèi)似系統(tǒng) Hosts），并支持分組管理
• 項(xiàng)目可以自帶代理規(guī)則配置并一鍵設(shè)置到本地 Whistle 代理，也可以通過(guò)定制插件簡(jiǎn)化操作

如下圖：

 Easy Mock

在線預(yù)覽：https://mock.mengxuegu.com/

Easy Mock - 是杭州大搜?車(chē)無(wú)線團(tuán)隊(duì)出品的一個(gè)極其簡(jiǎn)單、高效、可視化、并且能快速生成模擬數(shù)據(jù)的 在線 mock 服務(wù) 。

EasyMock 是一套用于通過(guò)簡(jiǎn)單的方法對(duì)于給定的接口生成 Mock 對(duì)象的類(lèi)庫(kù)。它提供對(duì)接口的模擬，能夠通過(guò)錄制、回放、檢查三步來(lái)完成大體的測(cè)試過(guò)程，可以驗(yàn)證方法的調(diào)用種類(lèi)、次數(shù)、順序，可以令 Mock 對(duì)象返回指定的值或拋出指定異常。通過(guò) EasyMock，我們可以方便的構(gòu)造 Mock 對(duì)象從而使單元測(cè)試順利進(jìn)行。

如下圖：

Fiddler

官網(wǎng)地址：https://www.telerik.com/fiddler

Fiddler 是一款Web調(diào)試代理工具，用于記錄計(jì)算機(jī)和Internet之間的所有HTTP（S）通信。檢查流量，設(shè)置斷點(diǎn)，并編輯操作請(qǐng)求/響應(yīng)。

Fiddler Web調(diào)試器可以記錄，檢查和調(diào)試來(lái)自任何瀏覽器的流量。

Fiddler Web調(diào)試器可以從任何基于Windows的PC，Mac或Linux系統(tǒng)以及移動(dòng)設(shè)備上調(diào)試Web流量。

如下圖：

 GitHub 統(tǒng)計(jì)

官網(wǎng)地址：https://gitstar-ranking.com/

GitHub 全球排名：這個(gè)排名很權(quán)威。

每個(gè)在 GitHub 開(kāi)源的開(kāi)發(fā)者，都想知道自己在 GitHub 上的排名吧，很簡(jiǎn)單只要在上面輸入框輸入自己的 GitHub 用戶名即可，就可以看到自己的統(tǒng)計(jì)數(shù)據(jù)了。

如下圖：

墨刀

官網(wǎng)地址：https://modao.cc/

墨刀 - 原型設(shè)計(jì)工具，原型、設(shè)計(jì)、流程圖、思維導(dǎo)圖......享受創(chuàng)造的樂(lè)趣，成?就團(tuán)隊(duì)和個(gè)人

• 產(chǎn)品設(shè)計(jì)，何止是快，簡(jiǎn)單的拖拽，即可快速完成產(chǎn)品設(shè)計(jì)，將更多的時(shí)間留給思考
• 尺寸靈活，創(chuàng)作不受限，適配各類(lèi)移動(dòng)產(chǎn)品、網(wǎng)頁(yè)設(shè)計(jì)、后臺(tái)管理、小程序、活動(dòng)原型....
• 支持制作高、低保真原型，不論是工作交流，還是客戶展示，都能完美滿足團(tuán)隊(duì)需求

如下圖：

藍(lán)湖

官網(wǎng)地址：https://lanhuapp.com/

藍(lán)湖 - 一款產(chǎn)品文檔和設(shè)計(jì)圖的共享平臺(tái)，幫助互聯(lián)網(wǎng)團(tuán)隊(duì)更好地管理文檔和設(shè)計(jì)圖。

藍(lán)湖可以在線展示 Axure，自動(dòng)生成設(shè)計(jì)圖標(biāo)注，與團(tuán)隊(duì)共享設(shè)計(jì)圖，展示頁(yè)面之間的跳轉(zhuǎn)關(guān)系。

• 高效的產(chǎn)品設(shè)計(jì)協(xié)作平臺(tái)
• 無(wú)縫銜接產(chǎn)品、設(shè)計(jì)、研發(fā)流程
• 降低溝通成本，縮短開(kāi)發(fā)周期，提高工作效率

國(guó)內(nèi)大部分設(shè)計(jì)師和前端在用這個(gè)來(lái)對(duì)接 ps 文件吧，真的好用！

如下圖：

 PxCook

官網(wǎng)地址：https://lanhuapp.com/

PxCook - 高效易用的自動(dòng)標(biāo)注工具，生成前端代碼，設(shè)計(jì)研發(fā)協(xié)作利器。

• 從設(shè)計(jì)到代碼, 讓團(tuán)隊(duì)高效協(xié)作
• 高效易用的自動(dòng)標(biāo)注工具，生成前端代碼，設(shè)計(jì)研發(fā)協(xié)作利器

如下圖：

 removebg

官網(wǎng)地址：https://www.remove.bg/zh

removebg 一個(gè)摳圖神器類(lèi)工具，消除圖片背景:100% 自動(dòng) – 只需 5 秒– 無(wú)需點(diǎn)擊 – 免費(fèi)。

Remove.bg 是一款非常神奇強(qiáng)大的在線人像照片/物品圖片背景快速去除工具，你只需要上傳圖片，它就會(huì)利用「人工智能」技術(shù)全自動(dòng)幫你扣掉背景，5 秒鐘就能給你一張透明的移除背景后的主體照片。整個(gè)過(guò)程非常的簡(jiǎn)單傻瓜，你完完全全不需要花費(fèi)任何精力去自己摳圖。

如下圖：

ps-uupoop

官網(wǎng)地址：https://www.uupoop.com/

ps-uupoop - PS 在線圖片編輯器是一個(gè)專(zhuān)業(yè)精簡(jiǎn)的在線 ps 圖片照片制作處理軟件工具，直接在瀏覽器打開(kāi)就可用它修正，調(diào)整和美化圖像。

相比同類(lèi)軟件，uupoop 支持的文件格式更多，包含 psd、xd、sketch、xcf、raw、pdf 及常見(jiàn)圖片格式。

整體體驗(yàn)下來(lái)，我覺(jué)得 uupoop 擁有了原版PS 80% 的功能，基本可以滿足輕量的編輯或應(yīng)急情況下的編輯需求。

如下圖：

 tinypng

官網(wǎng)地址：https://tinypng.com/

TinyPNG使用智能有損壓縮技術(shù)將您的WebP, PNG and JPEG圖片的文件大小降低。 通過(guò)選擇性的減少圖片中的顏色，只需要很少的字節(jié)數(shù)就能保存數(shù)據(jù)。 對(duì)視覺(jué)的影響幾乎不可見(jiàn)，但是在文件大小上有非常大的差別。

PNG and JPEG圖片的文件大小降低。 通過(guò)選擇性的減少圖片中的顏色，只需要很少的字節(jié)數(shù)就能保存數(shù)據(jù)。 對(duì)視覺(jué)的影響幾乎不可見(jiàn)，但是在文件大小上有非常大的差別。

PNG很有用，因?yàn)樗俏ㄒ豢梢源鎯?chǔ)部分透明圖像的廣泛支持的格式。 這個(gè)格式使用了壓縮，但是文件依舊很大。 使用TinyPNG為您的應(yīng)用和站點(diǎn)壓縮圖片。 將會(huì)減少帶寬占用，并更快加載。

本軟件不限制圖片數(shù)量，可選擇本地圖片文件夾，批量進(jìn)行圖片壓縮。

如下圖：

 postman

官網(wǎng)地址：https://www.postman.com/

Postman是google開(kāi)發(fā)的一款功能強(qiáng)大的網(wǎng)頁(yè)調(diào)試與發(fā)送網(wǎng)頁(yè)HTTP請(qǐng)求，并能運(yùn)行測(cè)試用例的的Chrome插件。其主要功能包括：

模擬各種HTTP requests

從常用的 GET、POST 到 RESTful 的 PUT 、 DELETE …等等。 甚至還可以發(fā)送文件、送出額外的 header。

Collection 功能（測(cè)試集合）

Collection 是 requests的集合，在做完一個(gè)測(cè)試的時(shí)候， 你可以把這次的 request 存到特定的 Collection 里面，如此一來(lái)，下次要做同樣的測(cè)試時(shí)，就不需要重新輸入。而且一個(gè)collection可以包含多條request，如果我們把一個(gè)request當(dāng)成一個(gè)test case，那collection就可以看成是一個(gè)test suite。通過(guò)collection的歸類(lèi)，我們可以良好的分類(lèi)測(cè)試軟件所提供的API.而且 Collection 還可以 Import 或是 Share 出來(lái)，讓團(tuán)隊(duì)里面的所有人共享你建立起來(lái)的 Collection。

人性化的Response整理

一般在用其他工具來(lái)測(cè)試的時(shí)候，response的內(nèi)容通常都是純文字的 raw， 但如果是 JSON ，就是塞成一整行的 JSON。這會(huì)造成閱讀的障礙 ，而 Postman 可以針對(duì)response內(nèi)容的格式自動(dòng)美化。 JSON、 XML 或是 HTML 都會(huì)整理成我們可以閱讀的格式

內(nèi)置測(cè)試腳本語(yǔ)言

Postman支持編寫(xiě)測(cè)試腳本，可以快速的檢查request的結(jié)果，并返回測(cè)試結(jié)果

設(shè)定變量與環(huán)境

Postman 可以自由設(shè)定變量與Environment，一般我們?cè)诰庉媟equest，校驗(yàn)response的時(shí)候，總會(huì)需要重復(fù)輸入某些字符，比如url，postman允許我們?cè)O(shè)定變量來(lái)保存這些值。并且把變量保存在不同的環(huán)境中。比如，我們可能會(huì)有多種環(huán)境， development 、 staging 或 local， 而這幾種環(huán)境中的 request URL 也各不相同，但我們可以在不同的環(huán)境中設(shè)定同樣的變量，只是變量的值不一樣，這樣我們就不用修改我們的測(cè)試腳本，而測(cè)試不同的環(huán)境。

如下圖：

 Apifox

官網(wǎng)地址：https://www.apifox.cn/

apifox的優(yōu)點(diǎn)

• 避免了代碼和文檔不同步的問(wèn)題（自動(dòng)將swagger同步到文檔中）
• 避免重復(fù)勞動(dòng)（swagger寫(xiě)好后，一鍵同步，文檔、調(diào)試、Mock、測(cè)試 的數(shù)據(jù)全部自動(dòng)生成）
• 開(kāi)發(fā)效率高（功能很強(qiáng)大。比如：可以在自測(cè)時(shí)指定全局的token）

apifox推薦的開(kāi)發(fā)方案

• 前端（或后端）在 Apifox 上定好接口文檔初稿。
• 前后端 一起評(píng)審、完善接口文檔，定好接口用例。
• 前端 使用系統(tǒng)根據(jù)接口文檔自動(dòng)生成的 Mock 數(shù)據(jù)進(jìn)入開(kāi)發(fā)，無(wú)需手寫(xiě) mock 規(guī)則。
• 后端 使用接口用例 調(diào)試開(kāi)發(fā)中接口，只要所有接口用例調(diào)試通過(guò)，接口就開(kāi)發(fā)完成了。如開(kāi)發(fā)過(guò)程中接口有變化，調(diào)試的時(shí)候就自動(dòng)更新了文檔，零成本的保障了接口維護(hù)的及時(shí)性。
• 后端 每次調(diào)試完一個(gè)功能就保存為一個(gè)接口用例。
• 測(cè)試人員 直接使用接口用例測(cè)試接口。
• 所有接口開(kāi)發(fā)完成后，測(cè)試人員（也可以是后端）使用集合測(cè)試功能進(jìn)行多接口集成測(cè)試，完整測(cè)試整個(gè)接口調(diào)用流程。
• 前后端 都開(kāi)發(fā)完，前端從Mock 數(shù)據(jù)切換到正式數(shù)據(jù)，聯(lián)調(diào)通常都會(huì)非常順利，因?yàn)榍昂蠖穗p方都完全遵守了接口定義的規(guī)范

如下圖：

 Charles

官網(wǎng)地址：https://www.charlesproxy.com/

Charles中文名叫青花瓷，它是一款基于HTTP協(xié)議的代理服務(wù)器，通過(guò)成為電腦或?yàn)g覽器的代理，然后截取請(qǐng)求和請(qǐng)求結(jié)果達(dá)到分析抓包的目的。

Charles的主要功能

• 支持HTTP和HTTPS代理
• 支持流量控制，可以用來(lái)模擬弱網(wǎng)環(huán)境測(cè)試
• 支持接口并發(fā)請(qǐng)求，可以用來(lái)做性能壓力測(cè)試
• 支持重發(fā)網(wǎng)絡(luò)請(qǐng)求
• 支持?jǐn)帱c(diǎn)調(diào)試功能

Charles的優(yōu)點(diǎn)

• 與Fiddler相比，
• Charles能夠支持Linux、MacOS
• Charles支持按域名和按接口查看報(bào)文，簡(jiǎn)潔明了
• Charles支持反向代理
• Charles網(wǎng)絡(luò)限速可選擇網(wǎng)絡(luò)類(lèi)型
• Charles可以解析AMF協(xié)議

如下圖：

 SourceTree

官網(wǎng)地址：https://www.sourcetreeapp.com/

SourceTree 是 Windows 和Mac OS X 下免費(fèi)的 Git 和 Hg 客戶端，擁有可視化界面，容易上手操作。同時(shí)它也是Mercurial和Subversion版本控制系統(tǒng)工具。支持創(chuàng)建、提交、clone、push、pull 和merge等操作。

如下圖：

SecureCRT

官網(wǎng)地址：http://securecrtfx.cn/SecureCRT/

SecureCRT -是一款支持SSH（SSH1和SSH2）的終端仿真程序，簡(jiǎn)單地說(shuō)是Windows下登錄UNIX或Linux服務(wù)器主機(jī)的軟件。

SecureCRT軟件功能強(qiáng)大，不僅僅支持SSH協(xié)議，同時(shí)還支持Telnet、RLogin、Serial和TAPI等協(xié)議，它有非常多的功能，這里就不一一介紹了，常用功能可見(jiàn)下文介紹。

與SecureCRT類(lèi)似功能的SSH軟件還有Xshell、Putty等。SecureCRT、Xshell、Putty等都僅僅是客戶端軟件，一般用于Windows客戶端計(jì)算機(jī)，因此，無(wú)論選擇哪款客戶端SSH工具都是可以的。

如下圖：

 Typora

官網(wǎng)地址：https://typora.io/

Typora - 是一個(gè)功能強(qiáng)大的文檔編輯器，主要可以用來(lái)寫(xiě)博客分享，讀書(shū)筆記，及會(huì)議紀(jì)要等等功能多樣，頁(yè)面簡(jiǎn)潔，支持插入數(shù)學(xué)表達(dá)式，插入表情，表格，支持標(biāo)準(zhǔn)的Markdown語(yǔ)法，可以使用標(biāo)注，功能強(qiáng)悍！還可以導(dǎo)出PDF文件和HTML文件。

Typora的三大亮點(diǎn)

1.單屏實(shí)時(shí)效果展示

• 其他的很多md編輯器，如果需要查看效果，都需要將屏幕分成兩塊。
• 左邊是編輯區(qū)，右邊是預(yù)覽區(qū)，無(wú)形之中我們的操作界面就變小了，難受…
• 但是Typora就不一樣啦，改完就能在一塊屏幕看到效果，超級(jí)方便。

2. 多種圖片存儲(chǔ)方式支持

• 不管你是想把圖片存儲(chǔ)在文章的相對(duì)路徑下，還是想上傳到圖床服務(wù)器，Typora都支持。
• 你只需要用截圖軟件截圖一下，再在Typora中ctrl+v一下，就ok了。
• 圖片會(huì)自動(dòng)按照你設(shè)置的方式進(jìn)行存儲(chǔ)。
• 如果有想要配置免費(fèi)圖床的小伙伴，可以參照我的這篇文章來(lái)做：使用Github+picGo搭建圖床，保姆級(jí)教程來(lái)了
• 教程和工具一應(yīng)俱全。

3.多主題支持&支持自定義主題

• Typora有多個(gè)主題可供選擇，筆者最喜歡的就是炫酷至極的黑色風(fēng)格，可以說(shuō)是程序員專(zhuān)屬主題啦，和IDEA一樣讓人愛(ài)不釋手。
• 網(wǎng)上也有很多別人做好的主題，簡(jiǎn)單導(dǎo)入一下就能直接使用，這一塊筆者簡(jiǎn)單略過(guò)，后續(xù)有時(shí)間給大家整理一份炫酷的主題清單出來(lái)。
• 最后給出免費(fèi)版下載地址合集，Typora最后一個(gè)免費(fèi)版本是 0.11.18 ，所以下載這個(gè)版本就ok。

如下圖：

 MindMaster

官網(wǎng)地址：https://www.edrawsoft.cn/

MindMaster思維導(dǎo)圖軟件一種比較好的思維管理工具，在整理工作思路，簡(jiǎn)化工作流程，做好會(huì)議記錄，進(jìn)行任務(wù)管理、時(shí)間管理等方面都非常的實(shí)用。MindMaster作為一款由國(guó)內(nèi)團(tuán)隊(duì)自主研發(fā)的軟件，擁有比較好的中文支持，操作方面也更符合國(guó)人的使用習(xí)慣。

如下圖：