首页 > 其他分享 >适合初学者的最佳 VSCode 扩展 2022

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

时间:2022-09-07 08:36:49浏览次数:106  
标签: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
From: https://www.cnblogs.com/amboke/p/16663986.html

相关文章

  • 20220906总结
    20220906三道模拟题第一道没有什么技术含量,也没有什么算法,只要注意不出一些小失误就可以了。第二题看到数据范围之后开始犯难,感觉想到的几种写法都无法拿到满分,其中有想......
  • 【CVPR2022】BatchFormer: Learning to Explore Sample Relationships for Robust Rep
    【CVPR2022】BatchFormer:LearningtoExploreSampleRelationshipsforRobustRepresentationLearning论文:https://arxiv.org/pdf/2203.01522.pdf代码:https://gith......
  • cnblogs x vscode All In One
    cnblogs&vscodeextensionsAllInOne......
  • 2022.8.29~2022.9.6 whk 记录
    Content[CF474F]Antcolony\(n\)个数\(a_{1\simn}\),\(m\)次询问,每次给出\([l,r]\),求所有不满足\(\forallj\in[l,r],a_i|a_j\)的\(i\)的数量。\(1\len,m\le......
  • VSCode插件开发流程
    1.安装脚手架npminstall-gyonpminstall-ggenerator-codeyocode2.配置package.json{"name":"jsx2css-convert-tool","displayName":"jsx2css_conver......
  • 前端面试题每日3题——2022-09-06
    每日3题22以下代码执行后,控制台中的输出内容为?vara=[1,2,3];a.join=a.shift;console.log(a==1&&a==2&&a==3);23以下代码执行后,控制台中的输出内......
  • 2022-9-6 #25 None
    这是否也算一种闲话。受到音游的影响,最近一个月都没咋做题,也没更博。我的评价是......
  • 2022/09/26小测 题解
    (本文将笔者测试时的想法及赛后想法均写出来了)题目:话说某某在\(cj\)校运会上异军突起,其实不是偶然,而是有历史原因的。时光回溯到\(XX\)年前,某某为了心中的理想,每天爬......
  • 2022.9.3 随笔
    1.  <script> </script>最好放在</body>的前面,以免出现解释script代码时部分标签还未加载;script代码如果报错,不影响其他代码的解析;2. 一个网页中可以有多对s......
  • "蔚来杯"2022牛客暑期多校训练营9
    A CarShow题意:给定一个数组,请找到有多个区间[L,R]满足1到m的数都出现过。分析:直接双指针就好#include<bits/stdc++.h>usingnamespacestd;longlongn,m,s[......