推薦 12 個提高程序員軟技能與效率的必備工具，愛了愛了 👍

你們好，我是大家的貓哥，那個不喜歡吃魚、又不喜歡喵的超級貓 ~css

這一期的內容有點不通常哦，先來幾個在線繪圖類的工具吧。前端

1. draw.io

draw.io 是一款免費的在線圖表編輯工具, 能夠用來編輯工做流, BPM, org charts, UML, ER圖, 網絡拓樸圖等，並且是免費的哦，建立的圖表等可能無限哦。node

還能夠 GitHub 受權登陸，而後把本身建立的流程圖等保存到 GitHub 倉庫，還能夠在 GitHub 倉庫裏面打開本身保存過的流程等圖哦！git

貓哥就是一直在用這個來畫圖的，而後本身建立一個私有 GitHub 倉庫來存放這些圖的，很是好用哦。程序員

www.draw.io/github

2. ProcessOn

ProcessOn 是一個在線做圖工具的聚合平臺，它能夠在線畫流程圖、思惟導圖、UI原型圖、UML、網絡拓撲圖、組織結構圖等等，無論 Mac 仍是 Windows，一個瀏覽器就能夠隨時隨地的發揮創意，規劃工做。web

缺點就是免費用戶能建立 9 個圖，不是無限的。面試

www.processon.com/正則表達式

3. excalidraw

Excalidraw 是一款很是輕量的 在線白板 工具，能夠直接在瀏覽器打開，輕鬆繪製具備 手繪風格 的圖形。算法

好比能夠繪製這樣的圖形：

一個開源免費的畫圖軟件
我的目前看到的最舒服的畫圖軟件
支持多人協做

excalidraw.com/

4. whistle

代理抓包工具，很好很強大。

基於 Node 實現的跨平臺 web 調試代理工具，相似的工具備 Windows 平臺上的 Fiddler，主要用於查看、修改HTTP、HTTPS、Websocket 的請求、響應，也能夠做爲 HTTP 代理服務器使用。

不一樣於 Fiddler 經過斷點修改請求響應的方式，whistle 採用的是相似配置系統 hosts 的方式，一切操做均可以經過配置實現，支持域名、路徑、正則表達式、通配符、通配路徑等多種匹配方式，且能夠經過 Node 模塊擴展功能。

wproxy.org/whistle/

5. Easy Mock

Easy Mock 是杭州大搜車無線團隊出品的一個極其簡單、高效、可視化、而且能快速生成模擬數據的在線 mock 服務。以項目管理的方式組織 Mock List，能幫助咱們更好的管理 Mock 數據.

不過目前該網站正在備案中，暫時訪問不了，要等幾天了。

www.easy-mock.com

6. Fiddler

Fiddler 是一個蠻好用的抓包工具，能夠將網絡傳輸發送與接受的數據包進行截獲、重發、編輯、轉存等操做。也能夠用來檢測網絡安全。

www.telerik.com/fiddler

6. GitHub 統計

GitHub 全球排名：這個排名很權威。

每一個在 GitHub 開源的開發者，都想知道本身在 GitHub 上的排名吧，很簡單隻要在上面輸入框輸入本身的 GitHub 用戶名便可，就能夠看到本身的統計數據了。

好比貓哥的統計數據：https://gitstar-ranking.com/biaochenxuying

gitstar-ranking.com/

8. 墨刀

原型設計工具，原型、設計、流程圖、思惟導圖......享受創造的樂趣，成就團隊和我的

產品設計，何止是快，簡單的拖拽，便可快速完成產品設計，將更多的時間留給思考
尺寸靈活，創做不受限，適配各種移動產品、網頁設計、後臺管理、小程序、活動原型....
支持製做高、低保真原型，不管是工做交流，仍是客戶展現，都能完美知足團隊需求

modao.cc/

8. 藍湖

一款產品文檔和設計圖的共享平臺，幫助互聯網團隊更好地管理文檔和設計圖。

藍湖能夠在線展現 Axure，自動生成設計圖標註，與團隊共享設計圖，展現頁面之間的跳轉關係。

高效的產品設計協做平臺
無縫銜接產品、設計、研發流程
下降溝通成本，縮短開發週期，提升工做效率

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

lanhuapp.com

10. PxCook

從設計到代碼, 讓團隊高效協做
高效易用的自動標註工具，生成前端代碼，設計研發協做利器

www.fancynode.com.cn/pxcook

11. removebg

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

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

www.remove.bg/zh

12. ps-uupoop

PS 在線圖片編輯器是一個專業精簡的在線 ps 圖片照片製做處理軟件工具，直接在瀏覽器打開就可用它修正，調整和美化圖像。

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

總體體驗下來，我以爲 uupoop 擁有了原版PS 80% 的功能，基本能夠知足輕量的編輯或應急狀況下的編輯需求。

www.uupoop.com/

最後

好了，提高個程序員軟技能的必備工具項目，今天先推薦這 12 個吧。

往期精文請看下方寶藏倉庫，請慎入！

github.com/FrontEndGit…

平時如何發現好的開源項目，能夠看看這篇文章：GitHub 上能挖礦的神仙技巧 - 如何發現優秀開源項目

不知不覺，FrontEndGitHub 這個開源項目 已經開源了快半年了，一直在高頻更新和維護中，已經推薦了 面試項目、css奇技淫巧項目、代碼規範項目、數據結構與算法項目、管理後臺模板、前端必備在線工具 等專題的近 300 個優秀項目了。

原創文章都已經寫到第 44 期了呢，幾乎每一篇都是貓哥精心挑選的優質開源項目，推送的每一篇文章裏面的項目幾乎都是對前端開發頗有幫助的。

原創不易，一篇優質的文章都是要肝幾個晚上才能肝出來的，花費不少時間、精力去篩選和寫推薦理由，大佬們看完文章後，順手來個一鍵三連吧，就當給貓哥一點鼓勵吧。

往期精文

微信搜索 前端GitHub，回覆 電子書 就送你 1000+ 本精華編程電子書；回覆 1024 送你一套完整的前端視頻教程。

若是看到這裏，喜歡這篇文章的話，請幫點個好看。