189 8069 5689
这篇文章主要介绍18个好用的开发者工具，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！
成都创新互联公司主要从事网页设计、PC网站建设（电脑版网站建设）、wap网站建设（手机版网站建设）、响应式网站设计、程序开发、网站优化、微网站、微信小程序开发等，凭借多年来在互联网的打拼，我们在互联网网站建设行业积累了丰富的网站设计制作、成都做网站、网站设计、网络营销经验，集策划、开发、设计、营销、管理等多方位专业化运作于一体。
网站篇
Bundlephobia
如果你想要安装一个新的依赖，这个网站可以查看这个依赖的大小、是否支持 tree-shaking 等各项指标。（仅限 npm 包哈）
https://bundlephobia.com/
Coolors
还在发愁自己某个项目的配色？可以来这个网站找找看。
https://coolors.co/
Carbon
可以把代码变成好看的图片，笔者之前的文章就使用过~
https://carbon.now.sh/
Snippet generator
代码片段很好用，可是生成它们却很麻烦，这个网站可以根据代码一键生成。支持 VSCode，Sublime Text，Atom。
https://snippet-generator.app/
Wolfram Alpha
如果你有一个复杂的表达式需要计算，或者很长的 if 语句想要简化，可以用这个网站，它会帮你判断各种条件，以及生成韦恩图等数据图表。
https://www.wolframalpha.com/input/?i=a+or+b+and+b+or+c
DevHints
速查表大全，包括 bash，es6，regexp，vscode 等上百种 cheatsheets
https://devhints.io/
Caniuse
浏览器兼容性速查，browserlist 用的就是这里的数据来兼容浏览器的。
https://caniuse.com/
Chrome 插件篇
FeHelper
超过 20 种实用小功能，包括字符串编解码、JSON格式化、二维码生成等。
https://www.baidufe.com/fehelper
Wappalyzer
帮你探测网站使用了哪些技术栈。
https://www.wappalyzer.com/
Screencastify
将你的网站录成小视频。
https://www.screencastify.com/
VSCode 插件篇
Bracket Pair Colorizer
括号高亮工具，快速找到你的另一半！（括号）
Bracket Pair Colorizer
Git Graph
Git 历史记录图形化，有了它，我好像用不上 Sourcetree 了~
Git Graph
GitLens
神器！查看历史记录超方便~
GitLens
Live Share
VSCode 官方插件，远程代码分享。
Live Share
推荐教程：vscode基础教程
CLI 工具篇
ngrok
一行命令，内网穿透。演示本地项目必备。
https://ngrok.com/
serve
快速起服务，可用于调试打包后代码！
https://github.com/zeit/serve
tldr
Too long; Didn't read. 各种命令说明太复杂，用这个可以只看重点！
https://tldr.sh/
fkill
强杀进程，跨平台。
https://github.com/sindresorhus/fkill-cli
以上是“18个好用的开发者工具”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！