VS Code 插件和内置功能，提升工作效率（带预览）

您是否正在尝试设置工作空间，以简化工作流程并提高效率？这正是为您准备的。

刚开始的时候，我特别想把所有代码编辑器都试一遍，把所有快捷键都试一遍，把所有扩展都安装一遍。没错，那种兴奋劲儿真是难以言喻！😅

以下是我在学习过程中发现的一些非常有用的扩展程序。

PS：这里使用的文本编辑器是 Visual Studio Code……我之前说过吗？

1.更漂亮

Prettier 与您的编辑器集成，因此每次保存更改时，您的代码都会自动整理。这使得代码更易读，并与您的项目风格指南保持一致。

如何设置 Prettier 插件

2.联动编辑

VS Code 现在内置了一个名为“链接编辑”的功能，它独立于自动重命名标签扩展，可以在匹配的结束标签被修改时自动编辑该标签。启用链接编辑的命令是“启动链接编辑”（Ctrl+Shift+F2），按 Esc 键可禁用链接编辑模式。

或者在用户界面中，搜索 editor.linked，编辑您的设置并启用它。

如何设置插件

3.在线服务器

此扩展程序会在您保存工作时自动刷新浏览器。它在处理 HTML、CSS 和 JS 项目时尤其有用。

如何设置插件

4.括号对着色器2

此扩展程序会将括号对与特定颜色关联起来。在浏览代码时，尤其是在代码中包含多个作用域的情况下，您会发现此扩展程序非常有用。

如何设置插件

5.缩进彩虹

此扩展程序可提高代码的可读性，并使浏览您的工作变得轻松便捷。

如何设置插件

6.路径智能感知

此扩展程序可在链接中引用文件路径时自动补全文件路径。

如何设置插件

7. Material 图标主题

Material Icon Theme 让图标更加醒目，方便您快速区分不同的文件类型。

如何设置插件

8.主题

享受编码体验总是令人愉悦的，你完全可以通过添加主题来增添乐趣，好消息是，主题种类繁多，你可以根据自己的喜好进行选择。

我个人很喜欢Palenight主题，它非常优雅😏

如何设置插件

嘿，这只是 VS Code 中部分扩展程序的列表，还有很多其他扩展程序可供选择。

请在下方评论区留言，说说你觉得哪个扩展程序对初学者最有用。

已编辑：感谢大家在评论中提出的更正。

                                          💞 Babi