本篇介紹一些提高生產(chǎn)力的工具，包括網(wǎng)站、瀏覽器插件、vscode插件和命令行工具~
網(wǎng)站篇
Bundlephobia
如果你想要安裝一個新的依賴，這個網(wǎng)站可以查看這個依賴的大小、是否支持 tree-shaking 等各項指標。（僅限 npm 包哈）
https://bundlephobia.com/
Coolors
還在發(fā)愁自己某個項目的配色？可以來這個網(wǎng)站找找看。
https://coolors.co/
可以把代碼變成好看的圖片，筆者之前的文章就使用過~
https://carbon.now.sh/
Snippet generator
代碼片段很好用，可是生成它們卻很麻煩，這個網(wǎng)站可以根據(jù)代碼一鍵生成。支持 VSCode，sublime text，atom。
https://snippet-generator.app/
Wolfram Alpha
如果你有一個復雜的表達式需要計算，或者很長的 if 語句想要簡化，可以用這個網(wǎng)站，它會幫你判斷各種條件，以及生成韋恩圖等數(shù)據(jù)圖表。
https://www.wolframalpha.com/input/?i=a+or+b+and+b+or+c
DevHints
速查表大全，包括 bash，es6，regexp，vscode 等上百種 cheatsheets
https://devhints.io/
Caniuse
瀏覽器兼容性速查，browserlist 用的就是這里的數(shù)據(jù)來兼容瀏覽器的。
https://caniuse.com/
chrome 插件篇
FeHelper
超過 20 種實用小功能，包括字符串編解碼、json格式化、二維碼生成等。
https://www.baidufe.com/fehelper
Wappalyzer
幫你探測網(wǎng)站使用了哪些技術(shù)棧。
https://www.wappalyzer.com/
Screencastify
將你的網(wǎng)站錄成小視頻。
https://www.screencastify.com/
VSCode 插件篇
Bracket Pair Colorizer
括號高亮工具，快速找到你的另一半！（括號）
git Graph
Git 歷史記錄圖形化，有了它，我好像用不上 Sourcetree 了~
GitLens
神器！查看歷史記錄超方便~
Live Share
VSCode 官方插件，遠程代碼分享。
CLI 工具篇
ngrok
一行命令，內(nèi)網(wǎng)穿透。演示本地項目必備。
https://ngrok.com/
serve
快速起服務(wù)，可用于調(diào)試打包后代碼！
https://github.com/zeit/serve
tldr
Too long; Didn’t read. 各種命令說明太復雜，用這個可以只看重點！
https://tldr.sh/
fkill
強殺進程，跨平臺。
https://github.com/sindresorhus/fkill-cli
如果你還有其他好用的工具，歡迎留言分享哦~
參考文章
