這篇文章主要介紹18個好用的開發(fā)者工具，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

成都創(chuàng)新互聯(lián)公司主要從事網(wǎng)頁設(shè)計、PC網(wǎng)站建設(shè)（電腦版網(wǎng)站建設(shè)）、wap網(wǎng)站建設(shè)（手機版網(wǎng)站建設(shè)）、響應(yīng)式網(wǎng)站設(shè)計、程序開發(fā)、網(wǎng)站優(yōu)化、微網(wǎng)站、微信小程序開發(fā)等，憑借多年來在互聯(lián)網(wǎng)的打拼，我們在互聯(lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)積累了豐富的網(wǎng)站設(shè)計制作、成都做網(wǎng)站、網(wǎng)站設(shè)計、網(wǎng)絡(luò)營銷經(jīng)驗，集策劃、開發(fā)、設(shè)計、營銷、管理等多方位專業(yè)化運作于一體。

網(wǎng)站篇

Bundlephobia

如果你想要安裝一個新的依賴，這個網(wǎng)站可以查看這個依賴的大小、是否支持 tree-shaking 等各項指標(biāo)。（僅限 npm 包哈）

https://bundlephobia.com/

Coolors

還在發(fā)愁自己某個項目的配色？可以來這個網(wǎng)站找找看。

https://coolors.co/

Carbon

可以把代碼變成好看的圖片，筆者之前的文章就使用過~

https://carbon.now.sh/

Snippet generator

代碼片段很好用，可是生成它們卻很麻煩，這個網(wǎng)站可以根據(jù)代碼一鍵生成。支持 VSCode，Sublime Text，Atom。

https://snippet-generator.app/

Wolfram Alpha

如果你有一個復(fù)雜的表達式需要計算，或者很長的 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

括號高亮工具，快速找到你的另一半?。ɡㄌ枺?/p>

Bracket Pair Colorizer

Git Graph

Git 歷史記錄圖形化，有了它，我好像用不上 Sourcetree 了~

Git Graph

GitLens

神器！查看歷史記錄超方便~

GitLens

Live Share

VSCode 官方插件，遠程代碼分享。

Live Share

推薦教程：vscode基礎(chǔ)教程

CLI 工具篇

ngrok

一行命令，內(nèi)網(wǎng)穿透。演示本地項目必備。

https://ngrok.com/

serve

快速起服務(wù)，可用于調(diào)試打包后代碼！

https://github.com/zeit/serve

tldr

Too long; Didn't read. 各種命令說明太復(fù)雜，用這個可以只看重點！

https://tldr.sh/

fkill

強殺進程，跨平臺。

https://github.com/sindresorhus/fkill-cli

以上是“18個好用的開發(fā)者工具”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！