适合初学者的最佳 VSCode 扩展 2022
适合初学者的最佳 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 版权协议，转载请附上原文出处链接和本声明
