为什么VSCode如此受欢迎VisualStudioCode在开发者中迅速流行起来,它是最受欢迎的开发环境,可定制性是其原因之一。因此,如果您使用的是VSCode,这里有一个扩展列表,您必须具备这些扩展才能提高工作效率。1.GitLens当您与团队成员一起处理项目时,此扩展使用VSCode的强大功能来帮助您一目了然地可视化代码创建。它显示特定代码何时提交或更改,以及更改者。有时,您的团队成员提交的代码可能会破坏项目的其他功能,这在那些时候很有用。你可以在这里找到它。2.Wallaby.jsjs是一个智能的JavaScript测试运行器,可以连续运行您的测试。当您更改代码(甚至不保存文件)时,它会直接向代码编辑器报告代码覆盖率和其他结果。此扩展有助于提高您的开发效率。3.TypeScriptHeroTypeScript是JavaScript的超集,类型可选,可以编译成纯JavaScript。当我们使用TypeScript时,这个扩展就派上用场了。它对导入的文件进行分类和组织,并通过称为“灯泡”的功能修复编码错误。4.PrettierCodeFormatterPrettier是一种顽固的代码格式,它使开发人员在代码格式化方面的工作更加轻松。您可以将其配置为在保存时格式化,并在保存时格式化代码。一旦拥有此扩展,您将永远不必担心格式化代码。5.PathIntellisense如果你在像React或Angular这样的JavaScript库上工作,并且你正在处理大型项目,你就会知道在导入时找到组件的确切路径是多么烦人。此扩展可帮助您自动完成导入的路径。它还可以帮助您自动完成HTML文件中的文件引用。6.Chrome调试器我们都知道有时调试是多么烦人,所以创建这个扩展来帮助您调试JavaScript代码。它是由微软开发的。我们可以设置断点、逐步执行代码、动态添加调试脚本等等。假设我们有一个我们不确定正在执行的函数,这个扩展可以通过在调试器执行时暂停来帮助我们。7.BracketPairColorizer这个扩展允许用颜色识别匹配的括号。当您在调试期间处理庞大的代码库时,此扩展就像救命稻草。用户可以定义要匹配的字符和使用的颜色。8.JavaScript(ES6)代码片段如果您是JavaScript开发人员,这可以为您节省很多时间。当您想要快速构建新项目时,这会很有帮助。它没有键入整个内容,而是为最常见的JavaScript函数预定义了许多代码片段。它支持TypeScript、React、Vue和HTML。如果你在React上工作,有一个类似的扩展。(ES7React/Redux/GraphQL/React-Native片段)。9.LiveShare当你和你的团队成员解决了一个问题,并且想在编辑器上一起处理相同的代码时,这将帮助你将代码编辑器的控制权交给你的团队成员,你可以在同时它。您还可以共享终端实例、本地主机Web应用程序、语音呼叫等。10.ESLint由于JavaScript是一种高度灵活的语言,一些小错误可能会导致大问题。因此,在处理庞大的代码库时,我们需要一个linter和一个格式化程序。此扩展可帮助您做到这一点。这可以自动格式化您的代码并查找代码中的错误。实施ESLint规则将使您更接近于为您的代码库建立良好的标准。11.将JSON粘贴为代码作为开发人员,您经常需要处理API。众所周知,API中最常用的数据结构是JSON。为了避免一些可能破坏应用程序的类型错误,我们使用类或接口。这个扩展可以生成一个带有JSON数据的类。因此,我们可以使用它来节省创建类的时间和负担,而不是手动编写类。此扩展支持大多数流行的语言。12.Peacock当你在多个工作区工作时,这个扩展可以帮助你确定你已经切换到或工作的确切工作区。13.更好的注释这个扩展帮助你在你的代码中创建更人性化的注释。它允许您为不同类型的评论提供不同的颜色代码,可以是TODO、高亮、警报和其他类型的评论。强烈建议您编写干净且有文档记录的代码。14.搜索node_modules当我们构建一个组件库并在不同的应用程序中使用该组件时,我们肯定会对节点模块进行一些修改。此扩展允许您快速浏览项目的node_modules目录中的文件。15.RestClient作为开发者,我们每天定时使用Postman来检查API的响应。此扩展允许您直接在VSCode中发出HTTP请求并查看响应,而不是在两个应用程序之间切换,此扩展会为您完成这项工作。其他精彩文章[分享]73个很棒的NPM包来提高生产力[翻译]
