Top 27 Visual Studio Code扩展

Top 27 Visual Studio Code扩展

本文介绍了27个顶级的Visual Studio Code扩展，这些扩展可以帮助开发人员提高效率、增强生产力。

一、以下是针对提高生产力的VSCode扩展

1. GraphQL：GraphQL Visual Studio Code扩展提供了一系列工具，帮助您编写、验证和测试GraphQL代码。
2. Remote-SSH：您可以使用VSCode扩展从安全的角度连接到远程服务器，而不需要额外的软件或终端窗口。
3. SettingsSync：使用SettingsSyncVSCode扩展，您可以轻松地在多个设备之间同步设置，减少配置时间，甚至与他人共享设置。
4. AutoRenameTag：VSCode可以自动突出显示匹配的标签，并在使用开标签时添加闭标签。
5. Tabnine：Tabnine是一款人工智能代码助手，可以实时自动完成您的代码，加速您的开发过程。
6. CSSPeek：使用CSSPeekVSCode扩展，您只需将鼠标悬停在一个HTML元素上，即可显示一个窥视窗口，其中显示应用于该元素的CSS样式。

二、VSCode扩展功能：代码片段配色

1. BracketPairColorizerDLW：BracketPairColorizerDLW是一款用于VSCode的扩展，可以自动给某些字符上色，帮助开发人员确定代码的嵌套深度。
2. VSCodeIcons：VSCodeIcons扩展可以通过识别文件类型（如React、Javascript、HTML、CSS等）来帮助您查看您的文件。
3. MaterialIconTheme：MaterialIconTheme是一款广受欢迎的VSCode扩展，为您的代码编辑器提供了一个时尚而现代的外观。
4. Peacock：Peacock是一款VSCode扩展，可以为您的编程体验添加一些色彩。

三、VSCode版本控制扩展

1. LiveServer：LiveServer是一款VSCode扩展，可以自动重新加载您的网页。
2. GitHistory：GitHistory扩展可以在树形视图中显示提交历史记录，使开发人员可以轻松了解代码更改的进展。
3. GitLens：GitLens扩展可以帮助开发人员可视化、导航和理解项目的Git历史记录。
4. DockerExplorer：DockerExplorer是一款VSCode扩展，可以识别和管理当前正在运行的容器和映像。

四、用于代码格式化和代码校验的VSCode扩展

1. Prettier：Prettier是最流行的格式化和代码校验工具，可使您的代码符合业界最佳实践。
2. Beautify：Beautify是Prettier扩展的替代品，已安装了700万次。
3. BetterComments：BetterComments是一款VSCode扩展，可以根据注释类型格式化注释。
4. ESLint：ESLint是一款VSCode扩展，可以在错误和潜在问题变成问题之前检测它们。
5. MarkdownLint：MarkdownLint扩展是一款用户友好的错误警告和纠正工具。

五、用于调试和故障排除的VSCode扩展

1. JavascriptDebugger：JavascriptDebugger扩展可以在代码中创建断点和步骤。
2. CodeSpellChecker：使用CodeSpellCheckerVSCode扩展避免拼写错误。
3. TurboConsoleLog：使用TurboConsoleLog扩展，您无需手动添加日志语句即可调试代码。
4. RegexPreviewer：RegexPreviewer为您的代码提供正则表达式模式。

六、针对语言的VSCode扩展

1. javaScriptCodeSnippets：JavaScript代码片段是预先构建的代码片段，您可以轻松地包含在您的代码中。
2. ReactjsCodeSnippets：ReactjsCodeSnippetsVSCode扩展提供了整洁打包的预编写模板，帮助开发人员提高工作流程和代码速度。
3. JavaLanguageSupport：JavaLanguageSupport包含多个扩展，用于提供编码辅助、调试、linting（代码检查）、格式化和测试等功能。
4. HTMLCSSSupport：HTMLCSSSupport是一款用于文本编辑器和集成开发环境（IDE）的扩展，提高了对HTML和CSS开发的支持。

此外，本文还提供了一篇2000字以上的文章，专业产品经理与市场的角度分析了VSCode的特性和扩展功能。

原文：https://medium.com/zipyai/top-27-visual-studio-code-extensions-for-2023-b7cdc31adade

作者：Zipy