编者按：MarioHoyos写了一篇文章ToolsIwishIhadknownaboutwhenIstartedcodingonMedium，为新开发工程师提供了几个有用的工具。 在科技行业，有数百种工具可供人们使用。你怎么知道哪一个最适合使用？ 就拿最近刚进入编程行业的人来说吧。工具资料堆积很多其实是没有用的，反而会让你无从下手。我发现在我的开发过程中，安装的很多扩展不仅没有真正的帮助，反而常常阻碍正常的开发工作。 我不是专家，但随着时间的推移，我整理了一份工具清单，这些工具已被证明对我非常有用。如果您刚刚学习如何编程，此清单可以为您提供一些指导。如果您是一位经验丰富的开发人员，希望您能从中学到新东西。 我打算将这篇文章分成两部分，Chrome扩展和VS代码扩展。我知道还有其他浏览器和文本编辑器，但我想您当然仅限于您能找到的那些，所以我们不要就个人偏好进行宗教辩论。 请随意选择。 ChromeExtension 现在让我成为一名网络开发人员，使用Chrome作为我的前台。以下是一些可以节省我时间的工具：WhatFont——名字就说明了一切。这是找出您最喜欢的网站使用哪些字体的简单方法，以便您自己使用它们。Pesticide-***修改CSS的程序。当我尝试学习盒子模型时，盒子模型是我的救命稻草。Colorzilla-一个用于复制精确颜色的网站，您可以使用它直接将颜色复制到剪贴板，这样您就不必花费太多时间来获得正确的RGBA组合。CSSPeeper-查看网站使用的颜色时非常方便。当您第一次复制您认为很酷的网站时效果很好。该程序可让您在幕后查看他们的配色方案。Wappalyzer-该程序有助于了解您在网站上看到的技术。想知道网站使用什么框架或托管什么服务？这仍然有效。ReactDevTools-用于调试应用程序的工具。值得一提的是，它仅在您编写React程序时才有用。ReduxDevTools-用于调试应用程序的工具。值得一提的是，它仅在您编写Redux程序时才有用。JSONFormatter-使JSON在浏览器中看起来更不言自明的最佳方式。也许麻烦的JSON让你苦不堪言，但是只要你使用了这个软件，你找到你要找的东西的时间就会大大缩短。VimeoRepeatandSpeed-加速Vimeo视频的最佳工具。如果您像大多数Web开发人员一样观看视频教程，您就会知道以1.25倍常规播放速度观看它们是多么方便。该程序还有一个YouTube版本。 VS代码扩展 VisualStudioCode是我编码的首选。 每个人都有自己喜欢的文本编辑器，我也不例外。尽管如此，我还是想向您介绍这些扩展，它们适用于您使用的大多数编辑器。查看我最喜欢的一些扩展：AutoRenameTag-自动重命名成对的HTML标签。假设您创建了一个
标签。现在你想改变它。使用本软件，您只需更改一个，另一个将自动修改。理论上，使用这款软件可以让你的工作效率翻倍。HTMLCSSSupport–HTML文档的CSS支持工具。这个工具在获得一些简洁的语法高亮和代码建议方面非常有用。HTMLSnippets-这个工具对于代码分割非常有用，可以节省你很多时间。它与Emmet配对，因此您甚至不必再实际输入HTML。BabelES6/ES7-JavaScriptBabel的可访问性.如果您使用的是Babel，则此工具可以更轻松地比较您的代码。如果你喜欢JavaScript，那么一定不要错过这款软件。BracketPairColorizer-ColorVisualizer。如果你没有正确的括号，这个工具可以很方便地找到许多由此导致的常见错误。ESLint—当你在写代码的时候，可以使用这个软件轻松获取漏洞提示，也可以帮助你在编码过程中养成良好的编码习惯。指南-此工具可用于添加额外的代码指南行。这是确保正确包围它的另一个视觉提示。JavaScriptConsoleUtils-使控制台日志记录变得简单易用。如果您像大多数开发人员一样，您会发现自己需要在调试流程期间登录到控制台（我知道我们应该使用调试器）。该实用程序使创建有用的console.log()语句变得轻而易举。CodeSpellChecker-顾名思义，这个工具是一个拼写检查器。错误的另一个常见来源是变量或函数名称。这个拼写检查器会查找不常见的单词并有效地审核我们用JavaScript编写的内容。GitLens—让我们一眼就能看到文件的更改时间和更改者。当代码被破坏时，我们可以找到责任人，而不是让你成为替罪羊。PathIntellisense-文件路径自动完成器。这使得从其他文件导入重要内容变得非常方便。该工具使文件导航变得轻而易举。Prettier-自动代码格式化程序。忘记必须手动缩进代码的日子，有了这个工具，事情就变得简单多了。这个程序会比你自己做的更快更好。我强烈推荐这个程序。VSCode-Icons——给文件谱添加图标。如果文件结构如此不科学以至于你的眼睛想要继续罢工，这个程序可能会有所帮助。它为您正在处理的任何文件提供有用的图标辅助，使您更容易区分所看到的内容。 总结 你一定也有自己喜欢的工具，这些工具对于你的开发工作是不可或缺的。也希望我上面提到的一些工具能提高你的工作效率。 但不要陷入太多太多的陷阱，因为这会花费很多时间。 希望大家在评论区留下你喜欢的工具，让我们一起进步。