用 VS Code 写代码，默认的配色看久了是不是有点腻？其实换个皮肤就像换个心情，操作起来也比你想象的要简单得多。下面就来一步步拆解，如何把你的编辑器打扮成自己喜欢的样子。

一、安装扩展

打开 VS Code，左侧工具栏里有个方块图标（扩展商店），点进去。在搜索框里输入 “color theme”，一大波配色主题就会冒出来。

比如经典的 “One Dark Pro”、“Monokai Pro”，或者更有个性的 “Material Theme”、“Night Owl”。选一个顺眼的，点击安装，然后重启一下编辑器就能看到效果了。

二、自定义配色

如果你装了一圈主题还是觉得不够满意，或者想把几个主题的元素混搭在一起，完全可以直接动手改。进入设置界面（快捷键 Ctrl+，或者菜单里找）。

在搜索框输入 workbench.colorCustomizations，就会弹出一个可编辑的 JSON 配置区。

（一）修改整体颜色

这里的参数其实很直观。比如 editor.background 控制的是代码编辑区的底色。把它的值改成你喜欢的十六进制颜色代码（比如 #1e1e1e 就是深色），编辑器背景瞬间就换了。

（二）调整代码颜色

editor.foreground 控制代码文字的颜色，editor.lineHighlightBackground 控制光标所在行的背景高亮色。把这些参数调一调，代码在不同颜色衬托下会变得更清晰。

尤其是对深夜写代码的朋友来说，顺眼的配色能省不少眼力。

（三）定制侧边栏颜色

侧边栏也可以独立设置：sidebar.background 管背景，sidebar.foreground 管文字颜色。这样一来，整个编辑器的色调就能统一成一个风格了。

三、实时预览

在设置的过程中，VS Code 会实时反映你的每一次改动——改完一个值，编辑器界面立刻跟着变，不用来回保存查看。

当你觉得颜色搭配得差不多了，保存好配置文件即可。下次再打开 VS Code，就是一套完全属于你自己的配色方案。

说到底，编辑器配色这件事，看似是“外貌党”的爱好，其实对编程体验的提升真不小。一个看着舒服的背景色、一行醒目的高亮线，能让注意力更集中，写起代码来也更顺手。

不管是走简约路线，还是想要赛博朋克风格，按上面的方法都能轻松搞定。花几分钟调一调，让每一行代码都在你心仪的色彩里跳动起来吧。

《夸克》非常好用的免费AI浏览器

下载APP查看