用于高效 Web 开发的十个 Visual Studio 代码扩展
作为软件开发人员,提高工作效率的关键之一是最大限度地提高代码编辑器的功能。Visual Studio Code本身具有大量功能。使用不带扩展的代码编辑器甚至可能足以完成手头的任务。然而,软件用例已经变得更加复杂和利基。在这种情况下,扩展可以帮助提高开发环境的质量。
您可能不需要或使用下面的所有扩展程序。但是,这就是Visual Studio Code作为通用代码编辑器的美妙之处。这些扩展中的每一个的用法将根据您手头的任务而有所不同。
JavaScript (ES6) Code Snippets
JavaScript (ES6) Code Snippets 是任何类型 JavaScript 的非常有用的扩展。这包括TypeScript和主要的JavaScript框架。
该扩展为常见任务(如导入整个模块、导入模块的一部分和需要包)提供代码段。此外,还有大量代码段可用于快速创建命名导出、构造函数和许多更常见的 ES6 任务。所有代码段都以分号自动进行。
您可以在此处找到代码段参考。
ESLint
ESLint 是一个 JavaScript linter,它会自动突出显示 JavaScript 代码中的语法错误。Visual Studio Code已经为原生JavaScript内置了Intellisense。但是,ESLint 允许您将这些 linting 功能引入主要框架,如 Vue、Angular 和 React。
ESLint 会突出显示代码中的错误,还可以自动解决错误。最后,ESLint 可以集成到您的版本控制工作流中。这将确保所有贡献者都遵循代码库中的一致约定。
Auto Close Tag
你有没有使用Visual Studio Code来创建一个带有HTML的静态网站?如果是这样,您知道有时为DOM树中的每个元素编写打开和关闭HTML标记是非常重复的。
自动关闭标记扩展通过自动关闭 HTML(和 XML)标记来解决此问题。添加标记后,光标将位于开始标记和结束标记之间。这有助于快速创建子元素或添加文本内容。此扩展也支持诸如 之类的自关闭标记。