製作自己的工具

Wealthfront博客作者Spencer Miskoviak指出，创建特定于应用程序的自定义DevTools，可以实现更高的抽象级别，处理用户交互或调试跟踪事件等操作。虽然这需要构建和维护自定义DevTools，但也意味着可以根据应用程序和工程师的需求进行定制，从而简化开发流程。

构建团队专属的自定义工具，非常酷且高效。即使是仅供自己使用的自定义工具，也能显著提高生产力。而为整个团队构建自定义工具，并接纳团队成员的想法，则能进一步提升价值。

Miskoviak展示了他们开发的各种工具，这些工具都集成在一个UI弹出窗口小部件中：

• 显示当前分支和CI状态
• 填写表单，执行用户操作，在用户之间切换
• 突出显示组件

非常巧妙的设计。

CodePen虽然没有像这样的高级UI小部件，但也将一些提高生产力的功能融入应用程序中。例如，许多表单都具有仅对开发人员显示的预填充按钮：

此外，我们还有一个用于支持收件箱的自定义工具，该工具可以为支持工单引用的用户和内容提供上下文信息：

更不用说网站本身还有一个完整的受保护的管理区域，用于执行一系列面向管理员和开发人员的任务：

我认为Miskoviak提到的“组件高亮显示”功能尤其出色：

React DevTools可以帮助查看当前页面哪些部分是哪些组件，但这并非像这个工具一样在页面上进行显示。我认为在每个标题旁边添加一个小链接?，以便在VS Code中打开相应文件，将会非常棒。

说到构建自己的工具，Shawn Wang最近撰写了“你可以创建自己的工具”一文：

即使是最棒的软件，也有一些对你来说不太好的部分。但你和其他人之间的区别在于，你会编程。

Wang谈到了诸如…

• 构建自己的自定义样式表
• 构建UI查询生成器
• 构建自己的CLI（这让我想起了Mina Markham的点文件）
• 构建自己的代理

Wang甚至为自己构建了一个Google搜索结果的代理，以优化结果并按照自己的喜好呈现：

有时，我会专注于工具的开发，这导致我做了一些事情，例如当我决定“使用VS Code任务在打开VS Code项目时运行Gulp”时，我不得不学习所有相关知识并克服各种奇怪的问题。我认为公司里优秀的DevOps人员会非常关注这些事情——不断思考他们自己团队的开发人员体验。

我甚至不久前编写了一个脚本，用于打开我玩的一个基于文本的多人视频游戏，以节省时间。

说到构建自己的工具，我想到了Dick Proenneke在《荒野独居》纪录片中的经历。在该片的开头片段中，你可以听到Dick谈论他如何亲手制作工具，这对他来说非常有用，因为他不需要把工具搬运到阿拉斯加偏远的荒野深处。

?

以上是製作自己的工具的詳細內容。更多資訊請關注PHP中文網其他相關文章！