18 个提高生产力的 DevTools

这听起来可能有点不可思议，但开发者确实很懒。我知道，这简直难以置信。我们中的一些人确实如此，我们需要自动化很多任务，因为重复工作会让人很累。所以，让我向你展示一些我觉得非常有用的工具，它们要么让我的生活更轻松，要么促使我编写更易于理解的代码。

动图

我们都做过。ls你这个懒惰的人！

这些工具可以是浏览器/IDE 扩展、Web 应用程序或 CLI。

Web 应用程序

捆绑恐惧症

您想使用新的依赖项，但不确定它是否会对性能产生重大影响？

➡️捆绑恐惧症

冷却器

您是否正在为个人项目寻找一种炫酷的色彩组合，并且厌倦了环顾房间寻找灵感？

️➡️冷却器

碳

您想分享一段具有风格化的代码片段用于演示吗？（请记住，这些图片无法访问）

➡️ carbon.now

代码片段生成器

您有一个实时编码会话，并且想要使用代码片段来提高效率？

使用此工具生成它们并将它们添加到您选择的 IDE 中。

➡️代码片段生成器

Wolfram Alpha

您手头有一道复杂的数学题？或者if想简化一个复杂的语句？把问题输入到这个工具中，就能获取真值表、维恩图和其他有用数据，让您的工作更轻松！

➡️ Wolfram Alpha

开发提示

您总是忘记那个框架或工具的语法吗？

➡️ DevHints

卡尼斯

想要检查特定浏览器是否支持某个功能？

➡️犬科动物

浏览器扩展

标题地图

你的标题是否适合屏幕阅读器？你想看看你的标题是否放错了位置吗？

➡️ Chrome

➡️ Firefox

WCAG 颜色对比度检查器

想要避免应用程序的对比度问题吗？想一眼就看出屏幕上哪些元素的对比度不好吗？

➡️ Chrome

➡️ Firefox

Screencastify

想要录制您的网络应用程序以供演示吗？

➡️ Screencastify（仅适用于 Chrome）

斧头

想要非常轻松地执行自动化可访问性测试吗？（Axe 不会测试您可能遇到的所有可访问性问题，因此也建议进行手动测试）

➡️斧头

VSCode 扩展

括号对着色器

迷失在一片森林里{？}

➡️括号对着色器

Git 图

厌倦了在控制台中执行 Git 命令吗？

➡️ Git 图表

GitLens

想看看谁编码了什么吗？

➡️ GitLens

实时共享

想要在 IDE 中实时集体编辑文件吗？

➡️实时分享

CLI

恩格罗克

您正在开展一个项目并想向不在场的某人展示您的本地环境？

➡️️ ngrok

SVGO

想要优化您的svg文件并消除所有噪音吗？

➡️ svgo

tldr

有人告诉你要阅读手册（尽管我讨厌这种表达方式），而你却鄙视这种通常的man表现？

➡️ tldr

杀了

想要终止那个讨厌的进程但又kill不想这么做？

➡️杀了

gitmoji 命令行工具

想要按照 gitmoji 语法轻松提交某些内容吗？

➡️ gitmoji CLI

gitmoji 更新日志

您是否希望根据您的 gitmoji 提交生成漂亮的变更日志？

➡️ gitmoji 更新日志

希望你至少找到了一个能让你的生活更轻松的工具。
如果你想分享你自己的工具，欢迎在 Twitter 上@christo_kade或直接在评论区留言给我！