VSCode有哪些好用的插件

  介绍

小编给大家分享一下VSCode有哪些好用的插件,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

VS代码有着非常丰富的插件,这里我给大家推荐几个我最喜欢的VS代码插件。

<强>下载量:167年万

我使用漂亮来统一代码风格,当我保存HTML/CSS/JavaScript文件时,它会自动调整代码格式。这样,我不用担心代码格式问题了。由于漂亮本身不能个性化配置,有时可能会引起不适,但是至少保证团队成员可以轻易统一代码风格。

 VSCode有哪些好用的插件

<强>下载量:119年万

npm插件可以检查package.json中所定义的npm模块与实际安装的npm模块是否一致:

    <李>

    package.json中定义了,但是实际未安装

    <李> package.json中未定义,但是实际安装了李 <李>

    包。json中定义的版本与实际安装的版本不一致

 VSCode有哪些好用的插件

<强>下载量:105年万

npm智能插件会为包。json建立索引,这样当我require某个模块时,它可以自动补全。

VSCode有哪些好用的插件

下载量:95万

Bracket Pair Colorizer可以为代码中的匹配的括号自动着色,以不同的颜色进行区分,这样我们可以轻易地辨别某个代码块的开始与结束。

VSCode有哪些好用的插件

下载量:117万

Auto Close Tag插件的功能非常简单,它可以自动补全HTML/XML的关闭标签。

VSCode有哪些好用的插件

下载量:164万

我非常喜欢Gitlens,因为它可以帮助我快速理解代码的修改历史。

Current Line Blame:查看当前行代码的结尾查看最近一次commit的姓名、时间以及信息

VSCode有哪些好用的插件

Current Line Hovers:在当前行代码的悬浮框查看详细的最近一次的commit信息。

VSCode有哪些好用的插件

除了安装各种各样的插件,我们还可以通过配置VS Code的User Settings来个性化我们的VS Code。

字体设置

我非常喜欢带有ligatures(合字、连字、连结字或合体字)的字体。ligatures就是将多于一个字母的合成一个字形。我主要使用Fira Code作为我编程所使用的字体,如下图中的=>===

VSCode有哪些好用的插件

我的字体配置如下:

"editor.fontFamily": "'Fira Code', 'Operator Mono', 'iA Writer Duospace', 'Source Code Pro',
  门罗、摩纳哥、monospace"
  “editor.fontLigatures":真

关于缩进,我是这样配置的:

“editor.detectIndentation":没错,   “editor.renderIndentGuides":假的,

进口路径移动或者重命名时,自动更新:

“javascript.updateImportsOnFileMove.enabled":“always",

用户设置。json

下面是我的VS代码的配置文件<强>用户设置。json :

{   “workbench.colorCustomizations": {   “activityBar.background":“# 111111“,   “activityBarBadge.background":“# FFA000"   “list.activeSelectionForeground":“# FFA000"   “list.inactiveSelectionForeground":“# FFA000"   “list.highlightForeground":“# FFA000"   “scrollbarSlider.activeBackground":“# FFA00050"   “editorSuggestWidget.highlightForeground":“# FFA000"   “textLink.foreground":“# FFA000"   “progressBar.background":“# FFA000"   “pickerGroup.foreground":“# FFA000"   “tab.activeBorder":“# FFA000"   “notificationLink.foreground":“# FFA000"   “editorWidget.resizeBorder":“# FFA000"   “editorWidget.border":“# FFA000"   “settings.modifiedItemIndicator":“# FFA000"   “settings.headerForeground":“# FFA000"   “panelTitle.activeBorder":“# FFA000"   “breadcrumb.activeSelectionForeground":“# FFA000"   “menu.selectionForeground":“# FFA000"   “menubar.selectionForeground":“# FFA000"   },   “editor.fontSize": 14,   “editor.lineHeight": 24日//这是潜意识,检查出来。   “editor.hideCursorInOverviewRuler":没错,   “editor.lineNumbers":“知道;   “editor.overviewRulerBorder":假的,   “editor.renderIndentGuides":假的,   “editor.renderLineHighlight":“none"   “editor.quickSuggestions":没错,//结束阈下的变化   “editor.fontFamily":“& # 39; Fira代码# 39;& # 39;运营商mono # 39;, & # 39; iA作家Duospace& # 39;   & # 39;源代码pro # 39;,门罗、摩纳哥、monospace"   “vsicons.projectDetection.autoReload":没错,   “editor.formatOnPaste":假的,   “editor.formatOnSave":没错,   “editor.fontLigatures":没错,   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null

VSCode有哪些好用的插件