其實本來打算寫的是web開發工具合集，但寫著寫著覺得不太過癮，所以索性把所有用得到的工具都列出來了。
如果能在一開始就把這些工具利用起來，相信可以大大提高工作效率，所以起碼對新手來說是比較有益的。而且從初級開發人員公升級為高階開發人員的乙個主要方面就是調整工具，簡化任務管理流程，無縫地與其他團隊成員進行交流，並在使用的工具之間建立整合。
我是從這幾個方面總結的：
1.chrome擴充套件
2.vs**擴充套件
3.ux設計
whimsical
zeplin
trunk
figma
color hex - 免費的色彩百科全書。
color tool - 提供材料配色方案的移動設計。
colordrop -一種顏色匹配工具，可以儲存顏色組合。
css3 generator - 設計和使用者介面非常乾淨
google字型 - 免費，具有600多種字型系列。
typetester - 是一種快速解決方案，在乙個頁面上提供多種字型的預覽。
4.web開發
5.無需**的程式設計工具
6.資料庫工具
7.雜七雜八
以上足夠把你的工具箱塞得滿滿當當了吧，嘻嘻如果小夥伴們還有其它覺得不錯的工具歡迎分享出來哈
更多前端技術文章、美術設計、wordpress外掛程式、優化教程、學習筆記盡在我的個人部落格喵容 - 和你一起描繪生活，歡迎一起交流學習，一起進步：
「2023年前端面試知識點」最新彙總
超級好用的開發工具，程式設計師實用工具整理
乾貨分享:vue2.0做移動端開發用到的相關外掛程式和經驗總結
前端中跨域的幾種方案
vue中axios的封裝和api介面的管理
VC程式設計師常用的開發工具
1.ide 鍾情於vc 6.0，但是也感覺visual studio2008和2010的強大,可能遲早得轉到vs高版本上來。在安裝vc 6.0的時候記得安裝sp6補丁和msdn msdn 1.5 精簡安裝版 2.輔助 2 wndtabs 用於顯示開啟過的原始檔，並將源程式用tab頁面來管理，vc 6...
程式設計師好用的工具分享
畫圖工具 專案資源管理工具 工作中，總是會處理各種各樣的事情，使用的工具也是烟花繚亂。一款好用的工具可以讓自己事半功倍，多多積累慢慢就變成領導離不開的小能手了。omnigraffle 畫圖很方便，自帶的圖形元素比較多，有點photoshop的圖層畫圖的方式，可創作的空間很大 ppt專案匯報畫圖神器，...
程式設計師常用工具
1.ide 最好還是換上最新的visual studio 2015 community with update2，不為別的，只為在這個行業混，還是要與時俱進的。優點就是新的功能更方便，尤其是除錯的時候，舊版本跟蹤不了的東西，它可以。2.輔助 2 astyle 批量格式整理外掛程式 3 metalsc...