Visual Studio Code 主题插件及配色方案推荐 [更新于2018.12.04]

一款好的主题配色方案和图标设计会提升你的工作效率,更加容易识别代码和沉下心来,不妨试试。
全文共886字, 阅读约需3分钟 2 条评论
【文章目录】

性能远超 Atom 和 Webstorm 的 Visual Studio Code  (简称 VS Code / VSC) 已经成为很多工程师的选择,它的免费、开源、多平台,以及集成 Git,代码调试,插件丰富等特点,被大家逐渐熟知和认可。作为一名爱写代码的设计师,我偶尔也会使用 VS Code 编辑器写点小代码,至于软件的界面和配色,也难免会有点自己的偏好。

VS Code 有很多插件可以改变颜色配色方案和侧边栏中的图标,以下是我整理和推荐的插件,可以试试。

配色方案插件

One Dark Pro

源于 Atom 的 One Dark Theme,在配色上 One Dark Pro 要更为丰富一些。我当前就是用这个主题插件,不二之选。界面效果如下:

Visual Studio Code 主题插件及配色方案推荐 [更新于2018.12.04]-雅余

Atom One Dark Theme

如果你对 Atom 一直恋恋不舍,有可能是对它的这个界面配色方案所吸引,真的十分优雅,也十分值得推荐。界面效果如下:

Visual Studio Code 主题插件及配色方案推荐 [更新于2018.12.04]-雅余

 

Material Theme

一个简单而又干净的主题,有很多配置选项,有5种配色方案,并带有文件图标设计。界面效果如下:

Visual Studio Code 主题插件及配色方案推荐 [更新于2018.12.04]-雅余

 

Monokai Pro

来自原 Monokai 的创作者,Monokai Pro 让我们摆脱干扰,直接进入代码,是一套极具现代化的功能配色方案,插件带有文件图标设计。界面效果如下:

Visual Studio Code 主题插件及配色方案推荐 [更新于2018.12.04]-雅余

 

Dracula Official

Dracula Official 是受到很高评价的一款主题,配色方案可以让人感到平静,暗淡的紫色会让你觉得它有一种特殊的魅力。插件带有文件图标设计。界面效果如下:

Visual Studio Code 主题插件及配色方案推荐 [更新于2018.12.04]-雅余

侧栏图标插件

如果安装一款强大的配色方案还不足够,那必须选择一款精美的图标设计,才能满足你对视觉的要求了。

vscode-icons

目前在插件库的主题分类中排行第一的插件,该有的图标都有了。效果预览如下:

Visual Studio Code 主题插件及配色方案推荐 [更新于2018.12.04]-雅余

 

Material Icon Theme

延续 Material 的扁平风格,图标设计十分精美,赏心悦目。效果预览如下:

Visual Studio Code 主题插件及配色方案推荐 [更新于2018.12.04]-雅余

 

VSCode Great Icons

下载量也很高的一款图标插件,整体设计中规中矩。效果预览如下:

Visual Studio Code 主题插件及配色方案推荐 [更新于2018.12.04]-雅余

主题配色方案和图标设计虽然不会对你写的代码逻辑产生什么影响,但对你的工作效率的提升确实有帮助,好的搭配能让你更加容易识别代码和沉下心来,不妨试试。

最后更新:2024年01月14日 20:26

# # #

上一篇

痛点与爽点

下一篇

研发项目工作量饱和度评估

本文有 2 条评论

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注