您的位置:

vscode主题推荐

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 的主题非常多,可以适应不同人的习惯和需求。 本文介绍的主题只是其中的一部分,希望对你有所帮助。