Visual Studio Code (VS Code) 是一款免费的,开源的,功能强大,可扩展的,现代化的文本编辑器。
一、内置主题介绍
VS Code默认安装了一组内置的主题,每个主题都有多个变种。这些主题被广泛使用,具有良好的用户体验。
1、默认主题:Dark+ (默认暗色主题)
Dark+ 是VS Code的默认暗色主题。 它是由著名的Sublime Text编辑器的主题 “Monokai” 修改而来。
{
"workbench.colorTheme": "Default Dark+"
}
2、默认主题:Light+ (默认亮色主题)
Light+ 是VS Code的默认亮色主题。 它是Dark+ 主题的亮色版本。
{
"workbench.colorTheme": "Default Light+"
}
3、High Contrast(高对比度主题)
High Contrast是一种高对比度主题,对视力障碍者有很大帮助。
{
"workbench.colorTheme": "High Contrast"
}
二、常见扩展主题推荐
VS Code所支持的主题非常多,并且有很多开源社区在 GitHub 上维护着各种主题。这里介绍了一些常见的、热门的主题。
1、One Dark Pro
One Dark Pro主题基于 Atom 的著名主题 One Dark,灵感来自于 Atom 插件。
{
"workbench.colorTheme": "One Dark Pro"
}
2、Dracula
Dracula 是一种深色的、紫色调的主题。 它包括多种语言、插件和集成终端的颜色方案。
{
"workbench.colorTheme": "Dracula"
}
3、Material Theme
Material Theme 非常流行的一款主题,它基于谷歌的 Material Design 设计语言。 它提供了浓郁的颜色和渐变,提供了多种字体和图标。
{
"workbench.colorTheme": "Material Theme"
}
4、City Lights
City Lights 主题集成了多个面板和组件,如代码、边栏、标签页、按钮、输入框等,并配备了深色和浅色模式、高对比度模式和暗模式。
{
"workbench.colorTheme": "City Lights"
}
5、Shades of Purple
Shades of Purple 是一种基于紫色调的主题,适用于写 JavaScript、TypeScript、React 等代码。
{
"workbench.colorTheme": "Shades of Purple"
}
三、自定义主题
如果你不满足于内置或扩展主题,你还可以自定义自己的主题。
VS Code 主题的默认设置文件是 settings.json。 你可以从菜单中 File -> Preferences -> Settings 打开 VS Code 的用户设置界面,在搜索栏中输入主题,然后将其设置为你想要的主题。
{
"workbench.colorCustomizations": {
"titleBar.activeBackground": "#ff001f",
"menu.bar.background": "#00CCFF",
"editorGroupHeader.tabsBackgroundActive": "#182330",
"tab.activeBackground": "#182330",
"tab.border": "#182330",
"tab.activeBorder": "#ff001f",
"scrollbarSlider.background": "#ff001f"
}
}
四、适合开发的主题
1、Atom One Dark
Atom One Dark 主题具有非常高的可读性,对于开发者来说是非常友好的。
{
"workbench.colorTheme": "Atom One Dark"
}
2、Night Owl
Night Owl 主题对开发者的友好度也是很高的。它提供了深色背景,具有良好的颜色对比度。
{
"workbench.colorTheme": "Night Owl"
}
3、Monokai Pro
Monokai Pro 是一款非常流行的主题,具有鲜艳的颜色,非常适合编程。
{
"workbench.colorTheme": "Monokai Pro"
}
4、Gruvbox
Gruvbox 主题是一个非常流行的低对比度主题,适合长时间编程
{
"workbench.colorTheme": "gruvbox"
}
五、结语
最后,VS Code 的主题非常多,可以适应不同人的习惯和需求。 本文介绍的主题只是其中的一部分,希望对你有所帮助。