新年新气象！5个提高编码体验的VS Code扩展，超棒！

全文共1673字，预计学习时长5分钟

图源：Unsplash

Microsoft 推出的代码编辑器 VisualStudio Code 为开发者提供了许多实用的工具和插件扩展，大家可以根据自己的需求打造自己的编辑器。VisualStudio Code 定期更新插件扩展，你可以在它的Marketplace 中寻找合适的工具、代码片段或其他内容以简化开发过程。

插件扩展是 VisualStudio Code 体验的一个重要组成部分，今天，小芯就为大家挑选了5个能够大大提高编码体验的VS Code扩展，好用免费，造福苍生。

1.自动重命名标签（Auto Rename Tag）

当开始标记和结束标记之间有50行时，无论选择什么框架，用HTML（或JSX）编写前端代码相当累人。也许想把H2改成H3，或者把某div改成span。如果不使用自动重命名标签这一插件，开发者将很难找到结束标记。

扫描二维码关注公众号，回复： 8506801 查看本文章

为什么不轻松一点，选择自动更改的方式呢？通过自动重命名标签可实现此功能。在开始标签中的任何更改，都会自动复制到结束标签中，反之亦然。

点此进行操作: Auto Rename Tag

自动重命名标签

2.编码流（CodeStream）

简而言之，这是对//comments的积极评论。

喜欢在IDE环境里编写代码吗？使用Trello、Slack、Asana、Bitbucket和MicrosoftTeams？代码流（CodeStream）支持大量的工具和IDE，因此开发人员无需离开编码环境即可跟踪问题。这意味着开发者将有更多时间用于工作，而不必纠结于如何向同事解释今天的问题。

点此进行操作: CodeStream

编码流

3.SCSS Intelligence（SCSS插件：智能提醒）

在SCSS中创建变量很棒。还记得吗？也许吧。

如果你像我一样使用了_variables.scss 局部类型——内置了数百个美元符号和昨晚3点想出的变量名，SCSS intelligence可让你在应用程序中的任何位置随时找到如此有创意的SCSS变量名，而无需记住具体名字或进行文件搜索。

点此进行操作： SCSS IntelliSense

SCSS插件：智能提醒

4.复制(Duplicate Action)

VS Code直接提供了右键单击即可复制文件的功能，但遇到了这款优秀的复制插件时，笔者认为可以稍有松懈，不必担心复制问题。

只需一款Duplicate Action扩展程序，就能即时提供您期望的复制功能。

点此进行操作: Duplicate Action

Duplicate 操作

5.Night Owl——一个非常适合夜猫子的 VS Code 插件

这是IDE史上最优秀的项目之一，是笔者在过去三年中一直使用的（实际上下图是我当前工作区的屏幕截图）。NightOwl柔和的蓝色调能在晚上保护视力。

点此进行操作:Night Owl

Night Owl

特别荣誉：

赛博朋克主题（Synthwave ‘84）

这是银翼杀手的编码主题，它与一件皮革风衣、一辆兰博基尼跑车和一台烟雾机完美搭配。打开蒸汽波(Vaporwave)背景音乐，开始敲出美丽的代码，然后全身心投入Neuromancer的数据库中。

图源：Unsplash

与其他主题不同，Synthwave‘84需要一些额外的修改才能激活文本发光效果，但是我想你以后会认为这是很值当的。

点此进行操作: Synthwave ‘84

Synthwave ‘84赛博朋克主题

祝大家“食用”愉快~

推荐阅读专题

留言点赞发个朋友圈

我们一起分享AI学习与发展的干货

编译组：吴亚芳、李韵帷