适合初学者的最佳 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 From: https://www.cnblogs.com/amboke/p/16663986.html