推薦20個提升程序員軟技能與效率的必備工具

作者：Echa攻城獅 2022-12-29 15:20:34

最近有不少的粉絲們私信問我有沒有程序員、技術(shù)產(chǎn)品、項目經(jīng)理、UI設(shè)計師等崗位的提升工作效率的工具，而且是免費開源不限制的。

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

diagrams

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

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

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

如下圖：

ProcessOn

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

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

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

如下圖：

excalidraw

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

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

主要功能?

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

如下圖：

whistle

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

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

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

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

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

操作簡單：

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

如下圖：

Easy Mock

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

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

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

如下圖：

Fiddler

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

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

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

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

如下圖：

GitHub 統(tǒng)計

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

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

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

如下圖：

墨刀

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

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

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

如下圖：

藍湖

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

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

藍湖可以在線展示 Axure，自動生成設(shè)計圖標注，與團隊共享設(shè)計圖，展示頁面之間的跳轉(zhuǎn)關(guān)系。

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

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

如下圖：

PxCook

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

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

從設(shè)計到代碼, 讓團隊高效協(xié)作
高效易用的自動標注工具，生成前端代碼，設(shè)計研發(fā)協(xié)作利器

如下圖：

removebg

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

removebg 一個摳圖神器類工具，消除圖片背景:100% 自動 – 只需 5 秒– 無需點擊 – 免費。

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

如下圖：

ps-uupoop

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

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

相比同類軟件，uupoop 支持的文件格式更多，包含 psd、xd、sketch、xcf、raw、pdf 及常見圖片格式。

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

如下圖：

tinypng

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

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

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

PNG很有用，因為它是唯一可以存儲部分透明圖像的廣泛支持的格式。這個格式使用了壓縮，但是文件依舊很大。使用TinyPNG為您的應(yīng)用和站點壓縮圖片。將會減少帶寬占用，并更快加載。

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

如下圖：

postman

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

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

模擬各種HTTP requests

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

Collection 功能（測試集合）

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

人性化的Response整理

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

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

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

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

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

如下圖：

Apifox

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

apifox的優(yōu)點

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

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

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

如下圖：