七個你沒用過的炫酷開發工具推薦

本文翻譯整理自youtube 7 Amazing Developer Tools that you're not using yet

1. BundlePhobia

BundlePhobia用於分析npm package的依賴、bundle後的大小、下載速度預估等等，幫助你在引用一個package以前瞭解引入該package的代價：

你也能夠將項目的package.json文件上傳，BundlePhobia會幫你評估項目中全部包的大小和加載速度：

2. CloudCraft

若是你用AWS，那CloudCraft將會極大程度的幫助你，CloudCraft提供可視化的操做界面，經過拖拽設計你的雲服務架構

CloudCraft提供雲服務價格的統計功能，幫你精打細算

3. Figma

Figma是這張清單裏面比較有名的了，對於習慣使用illustrator和sketch的設計師，figma也絕對值得嘗試。Figma提供web和desktop兩個版本，web版本使用WebAssembly編寫從而得到不輸desktop的性能，所以在不一樣的操做系統上均可以快速使用。Figma能夠模擬各類用戶輸入事件，能夠直接將設計稿導出成CSS、IOS樣式、Android樣式。

4. Fontflipper

在設計或者開發時還在爲使用字體發愁的同窗，能夠試試Fontflipper。Fontflipper只有一個目的，就是讓你選到最適合你的設計的字體，上傳你的設計圖，添加你的文字，切換不一樣的字體，收藏你喜歡的，就這麼簡單。缺點是沒有中文字體。。

5. VisBug

VisBug是一款Google Chrome的插件，不久以前才推出。VisBug能夠幫你更快的檢查元素、移動元素、改變css屬性、查找元素。。極大的增長前端開發效率！

6. Insomnia

Insomnia是一款調試API工具，支持調試Rest Api和GraphQL Api。在寫graphQL query的時候有很好的智能提示。

7. Flare

Flare用於設計2D的動態圖，使用體驗與Figma類似。

與codepen相似，你也能夠看到其餘設計師的公開做品

祝你們工做愉快！