我心目中的 10 大 VS Code 扩展程序 {2020}

视觉扩展

功能扩展

让编码变得有趣的最佳方法之一是改善编码环境的外观和感觉。另一个方法是改进快速编码的功能。

Visual Studio Code 是最受欢迎的代码编辑器之一，我比其他所有编辑器都更喜欢使用它。它的扩展市场上有很多产品可供试用，但今天我们只介绍其中 10 个。

免责声明：此列表仅代表我的个人喜好。

如果您喜欢我的顶级扩展的视频格式，我会为您提供帮助，并将其固定在下面（7 分钟）。

请支持我的内容（保持精彩！）

1. 在此订阅我的 YouTube 频道
2. 在这里向我的 PayPal 捐款

视觉扩展

东京之夜主题

我使用“东京之夜”主题。它看起来很舒服，字体颜色也很棒，如下图所示：

东京之夜主题也有灯光模式。不过灯光模式对我来说不太好看。所以我一直用的是夜间模式：

JetBrains Mono字体

这不是一个扩展，但在这里提一下很有意义，因为字体是增强视觉效果的关键。我首选的字体是 JetBrains Mono，它完全免费，而且与东京之夜主题完美搭配。

材料图标主题

这是我最喜欢的图标主题。它为浏览器栏上的每个文件提供了炫酷的图标。请参见下图中每个文件名旁边的炫酷图标。

彩虹支架

这是一个非常酷的扩展，尤其是在使用嵌套函数时。它提供了不同的括号颜色，可以轻松识别括号的开头和结尾。请注意下图中括号的颜色：

Prettier

Prettier 是一款代码格式化工具，我认为每个开发者都应该拥有。它能通过删除不必要的空格和缩进，让代码组织得井井有条。看看下面的代码，它既美观又易于阅读。

功能扩展

Git 镜头

这个扩展让使用 Git 变得更加有趣。它有很多很酷的功能，例如，它提供了无需退出 VS Code 即可查看之前的提交信息及其作者的功能。它还能轻松跟踪各种文件版本。

实时服务器

这是一款非常酷的前端开发者扩展程序。它会自动刷新浏览器，让你能够实时查看更新内容。它还能节省时间。观看上面的视频来了解详情。

自动重命名标签

此扩展程序可轻松编辑 HTML/XML 标签。观看上方视频了解详情。

CSS 速览

此扩展程序允许您在不退出 HTML 文件的情况下查看元素的 CSS 样式。观看上面的视频了解详情。

简单的 React 代码片段

这是一个非常简单但功能强大的 React 开发者扩展。它提供了一些简单的快捷方式，可以更快地执行操作，例如导入文件、创建组件等。

以上就是我列出的 VS Code 扩展的十大推荐。如果您有其他很棒的扩展可以添加到上面的列表中，请在下方的讨论区告诉我。也请告诉我您觉得上面列表中哪个扩展很棒。