本篇介绍一些提高生产力的工具，包括网站、浏览器插件、VSCode插件和命令行工具~
网站篇
Bundlephobia
如果你想要安装一个新的依赖，这个网站可以查看这个依赖的大小、是否支持 tree-shaking 等各项指标。（仅限 npm 包哈）
Coolors
还在发愁自己某个项目的配色？可以来这个网站找找看。
Carbon
可以把代码变成好看的图片，笔者之前的文章就使用过~
Snippet generator
代码片段很好用，可是生成它们却很麻烦，这个网站可以根据代码一键生成。支持 VSCode，Sublime Text，Atom。
Wolfram Alpha
如果你有一个复杂的表达式需要计算，或者很长的 if 语句想要简化，可以用这个网站，它会帮你判断各种条件，以及生成韦恩图等数据图表。
DevHints
速查表大全，包括 bash，es6，regexp，vscode 等上百种 cheatsheets
Caniuse
浏览器兼容性速查，browserlist 用的就是这里的数据来兼容浏览器的。
Chrome 插件篇
FeHelper
超过 20 种实用小功能，包括字符串编解码、JSON格式化、二维码生成等。
Wappalyzer
帮你探测网站使用了哪些技术栈。
Screencastify
将你的网站录成小视频。
VSCode 插件篇
Bracket Pair Colorizer
括号高亮工具，快速找到你的另一半！（括号）
Git Graph
Git 历史记录图形化，有了它，我好像用不上 Sourcetree 了~
GitLens
神器！查看历史记录超方便~
Live Share
VSCode 官方插件，远程代码分享。
CLI 工具篇
ngrok
一行命令，内网穿透。演示本地项目必备。
serve
快速起服务，可用于调试打包后代码！
tldr
Too long; Didn't read. 各种命令说明太复杂，用这个可以只看重点！
fkill
强杀进程，跨平台。
如果你还有其他好用的工具，欢迎留言分享哦~
参考文章
本文由 savokiss 创作，采用 知识共享署名4.0 国际许可协议进行许可
本站文章除注明转载/出处外，均为本站原创或翻译，转载前请务必署名
最后编辑时间为: Nov 21, 2019 at 09:25 am
