ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

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

2022-09-07 08:32:31  阅读:340  来源: 互联网

标签:VSCode 扩展 Visual Studio 初学者 2022 visualstudio com


适合初学者的最佳 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

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有