适合初学者的最佳 VSCode 扩展 2022

可以说，Visual Studio Code (VSCode) 是最流行的开源代码编辑器。它归微软所有，效果惊人。 VSCode 旨在提供一个高效的环境，为您的日常编码带来速度、定制和生产力。

当我们谈论定制时，我们不仅指的是我们可以应用的美感和颜色，还指的是赋予编辑器超能力的著名扩展，这也是该编辑器在全球范围内最受欢迎和使用最多的众多原因之一。因此，我列出了一些可能对开发人员的日常生活有用的扩展。

自动重命名标签

使用此扩展程序，您将能够重命名配对的 HTML 标记，只需写入其中一个标记即可。它使用起来非常简单且功能强大。

这个工具是不可协商的，它会捕捉到你可能犯的一些“愚蠢”的错误。谁从未忘记关闭 HTML 标签或忘记重命名关闭标签？

您可以将其安装在您的 VSCode 中。

[

自动重命名标签 - Visual Studio Marketplace

Visual Studio Code 的扩展 - 自动重命名配对的 HTML/XML 标记

market.visualstudio.com

](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag)

代码运行器

谁不喜欢用一块石头杀死两只鸟的工具？在这种情况下，鸟儿正在运行一堆只有一个 VSCode 扩展名的程序文件，并有这些语言的片段。

对于那些不知道的人，代码片段是您可以在日常编码中使用的快捷方式。例如，当您编写 HTML 代码并需要编写整个代码库时，您可以开始输入 html 并选择您想要的片段。

作为 ReactJS 开发人员，我每天都在使用它。

[

代码运行器 - Visual Studio 市场

Visual Studio Code 的扩展 - 运行 C、C++、Java、JS、PHP、Python、Perl、Ruby、Go、Lua、Groovy、PowerShell、CMD…

market.visualstudio.com

](https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner)

直播服务器

好的！因此，如果您是 Web 开发人员并且不知道此扩展程序，您的想法将会被震撼。 （但你当然知道）

试图让在其著名的 HTML 页面上运行更简单 本地主机 这个工具已经回家了。您只需右键单击您的代码文件并运行 实时服务器和更好的，您的更改会在页面上自动更新。

我没什么好说的了，你现在就试试吧。

[

Live Server - Visual Studio 市场

Live Server 喜欢 用于服务器端页面（如 PHP）的多根工作区 Live Server。在这里检查启动本地...

market.visualstudio.com

](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer)

设置同步

想象一下，您在 VSCode 中安装了很多工具，并且您使用多台计算机来编写代码，但是当您在其中一个环境中安装扩展时，另一台就会过时。

该工具使用您的 Github 帐户来存储您的所有 VSCode 设置，每次您进行更改时，您都可以上传和下载它们。

它同步

 包含的所有扩展和完整的用户文件夹  
 1.设置文件  
 2.键绑定文件  
 3.启动文件  
 4. 片段文件夹  
 5. VSCode 扩展和扩展配置  
 6. 工作区文件夹

捷径

 1.上传键：Shift + Alt + U  
 2. 下载键：Shift + Alt + D （在 macOS 上：Shift + Option + U / Shift + Option + D）

设置同步扩展使用 Github Gist 来存储你的配置，你可以检查你的 gits 主页在这里 .

[

设置同步 - Visual Studio Marketplace

在免费和开源的同时，如果您觉得它有用，请考虑通过 PayPal 或 Open 捐赠来支持它……

market.visualstudio.com

](https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync)

材质图标主题

这更多是个人喜好，而不是初学者本身。

我不喜欢 Visual Studio Code 的默认图标，这个扩展会改变所有的图标。

它甚至会根据您给它的名称更改文件夹。您也可以编辑这些图标。

[

材料图标主题 - Visual Studio Marketplace

将 Material Design 图标添加到您的 VS 代码中。

market.visualstudio.com

](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme)

GitLens——Git 增压

好吧，至少您可能知道您在哪个提交中进行了更改。

此工具可帮助您通过 Gib blame 注释一目了然地可视化代码作者身份。因此，如果您与一个大团队合作，您可能想知道谁、为什么以及何时更改了行或代码块。

但这是基础，您可以在项目中获得 git 更改的真正威力。

[

GitLens - Git 增压 - Visual Studio Marketplace

Visual Studio Code 的扩展 - 在 VS Code 中增强 Git - 通过 Git 责备一目了然地可视化代码作者...

market.visualstudio.com

](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens)

由 Luan Roberto Estrada Martins 创建并由 Bruna Cardoso 审核

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明

本文链接：https://www.qanswer.top/22024/15450708

标签：VSCode,扩展,Visual,Studio,初学者,2022,visualstudio,com
来源： https://www.cnblogs.com/amboke/p/16663986.html