VS Code:美学

2025-05-24

VS Code:美学

Visual Studio Code是目前最流行的软件开发环境。它由微软团队开发,拥有强大的社区和生态系统支持。您可以浏览社区创建的开源扩展,它们有助于填补生产力需求的空白。

这些工具确实能加速你的开发,并改善你与团队成员的协作。然而,选择太多,很难选择最有用的。因此,我整理了一系列我个人认为你应该尝试的扩展。

如果您喜欢我的系列,请务必单击每个帖子上的❤️图标并🔖添加书签以便以后保存😄。


1.编辑器主题图标包

颜色主题可让您修改 Visual Studio Code 用户界面中的颜色,以适合您的偏好和工作环境。我个人最喜欢的是:

图标主题

最好的图标主题为文件和编辑器提供了有意义、好看的图标:


2.美化更漂亮

美化 vs 更漂亮
即使你是一位优秀的程序员,如果不注意格式规范,你的工作很快就会变得一团糟!!代码格式化程序 有助于高效地清理代码。它看起来更有条理,而且当别人查看你的代码时,它还能给人留下积极的印象
这些扩展程序让你只需点击一下按钮就能格式化数百行代码。但 Prettier 并非适用于所有语言。我推荐Beautify 更漂亮👎),我更喜欢 Prettier 的样式范围。


3.孔雀

孔雀窗
使用此扩展,您可以“巧妙地更改 Visual Studio Code 工作区的颜色”。当您打开多个 VS Code 实例并希望按颜色对它们进行分类时,此功能非常有用🌈。此外,在使用Live Share快速识别您自己的编辑器时,此功能也非常有用。


4.更好的评论

更好的评论
此扩展程序将帮助您在代码中 创建更人性化的注释。注释类别
采用颜色编码。 使用此扩展程序,您可以将注释分类为:

  • 警报
  • 查询
  • 待办事项
  • 亮点

5. Code SnapFira Code 字体

使用 Fira 代码字体的代码快照

  • FIRA CODE:程序员使用大量符号,这些符号通常由多个字符编码而成。诸如 ->、= 或 == 之类的序列对大脑而言是单一的逻辑标记,因此诞生了这款字体。
  • CODE SNAP:让你能够“在 VS Code 中截取代码的精美屏幕截图!”。所有功能都包含在一个类似 Mac 的 😏 桌面框架中。

6.括号对着色器 2

括号对颜色
这个扩展的目的非常明显并且名称是不言自明的......

注意: “此功能现已成为 vscode 的原生功能,并且最近已更新编辑器”


哦!还有一个技巧⭐,“将侧边栏移到右侧”😉



还有哪些扩展可以提升你个人
VS Code 的美感呢❓。欢迎在评论区提出你的建议👇……

@ free_one在 GitHub 上关注我
查看下一篇帖子👍

文章来源:https://dev.to/hello10000/vs-code-aesthetics-2ce5
PREV
VS Code:组织
NEXT
SQL 概念从 A 到 Z