对于开发者来说,时间永远是稀缺资源。从紧迫的截止日期到多个项目——再到意外的需求——我们的时间总是供不应求。因此,我们一直在寻找有助于提高生产力的工具和流程。在本文中,我将介绍五种Web开发工具,它们可以为您提供所需的额外生产力。使用OhMyZsh掌握命令行Windows和OSX的默认命令行界面(命令提示符和Bash)可能令人生畏且难以自定义。如果您不是该领域的专家,您可能会重复可以自动完成的琐碎任务。OhMyZsh是一个基于Zsh的开源社区驱动框架,Zsh是一个命令行shell,许多人发现它比默认选项更容易、更好。在这里,小编建了一个前端学习交流按钮群:132667127,自己整理的最新前端资料和进阶开发教程。有需要的可以加群一起学习交流。OhMyZsh提供了许多开箱即用的Used插件(250)和主题(140),允许您根据自己的喜好自定义终端。OhMyZsh速度更快,使用起来更舒适,让您轻松地自动化日常任务。由于命令行越来越多地成为每个Web开发人员工作流程的一部分,因此这可能是一个很好的生产力工具,可以融入您的日常工作中。OhMyZsh安装OhMyZsh非常简单。$sh-c"$(curl-fsSLhttps://raw.github.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"也很容易安装插件和自定义主题。OhMyZsh还有一个庞大而活跃的贡献者社区,事实上,已有超过1,500人为该项目做出了贡献。我已经使用这个工具一年多了,我很喜欢它简化我的工作流程并使在终端中工作变得非常容易的方式。使用OhMyZsh帮助我变得更加舒适和高效。特别是自动建议和别名加快了我的工作流程并提高了我的工作效率。我最喜欢的一些插件包括:Heroku:HerokuCLI的自动完成zsh-autosuggestions:自动建议任何先前的命令,以及新兴的Postwoman。Insomnia也很不错,这是一个免费的开源跨平台GraphQL和REST客户端,我将介绍它,它不仅功能强大,而且带有一个直观、简单的UI,可以简化测试。它简化了我的一天,Insomnia的一些功能包括:生产代码片段:Insomnia可以为超过20种不同的语言生成客户端代码,包括Node.js、Go、Swift、Python、Java和C。插件系统:插件系统允许您扩展Insomnia的功能。您可以创建自定义模板标签来呈现自定义值,或使用插件API创建自定义颜色主题。环境变量:这些是可重复使用的值,可用于Insomnia中的任何文本输入。一些常见变量是基本URL、身份验证令牌和资源ID。InsomniaInsomnia的主要好处之一是支持GraphQL。下面的演示展示了查询GraphQL端点的典型工作流程。在此示例中,我使用名为countries的公共GraphQLAPI发送请求。Insomnia在传递URL时自动生成模式。发送左侧的查询后,将返回右侧的响应。该应用程序带有许多有用的功能来简化您的工作流程。例如,在这里我们可以看到使用环境变量的能力。该应用程序带有许多有用的功能来简化您的工作流程。使用API时,在多个请求中重复相同的值是很常见的,手动执行此任务既费时又困难。您可以使用环境变量来解决这个问题,它允许您定义一个值——然后在您需要的任何地方引用该值。SuperpowerGitwithHub我们大多数人都在GitHub上花费了大量时间。hub是一个命令行工具,可帮助您执行日常GitHub任务,而无需不断地在终端之间来回切换。您可以使用集线器执行大量命令和操作。这是安装命令的完整列表。您还可以通过在终端上运行命令manhub来查找列表。使用DevDocs访问离线文档我们都使用文档(我们中的一些人使用了很多文档)。当您跨多个技术堆栈工作时,不断地在文档集之间来回切换可能既耗时又不方便。DevDocs解决了这个问题。DevDocs是一个免费的开源工具,用于在干净、有组织的WebUI中同时浏览各种编程语言和开发工具文档。DevDocsOffers:InstantSearchOfflineSupportMobileSupportDarkModeShortcutsMore...我用它用于多种语言或工具。例如,我大量使用它来同时阅读和搜索Vue和Cypress的文档。使用SVGOMG缩放SVG图像最后,切换到更实用的工具,我们有SVGOMG—一个用于优化可缩放矢量图形(SVG)文件的免费在线工具。SVG图像比PNG或JPG等其他格式更受欢迎,因为它们能够缩放并在各种设备和屏幕尺寸上保持响应。使用SVG的一个缺点是,由于编辑器元数据、注释、隐藏元素以及默认值或非最佳值等冗余信息,文件可能会变得非常大。SVGOMG是一种安全删除和优化此数据以减小文件大小的工具。上图显示了一个典型场景,其中SVG文件优化了69.42%。这是一个非常简单的工具,但它可以帮助提高网站的整体性能并避免页面膨胀。SVGOMG是SVGOOptimizer的UI实现,是一个基于Node.js的命令行工具。
