vscode自定义背景颜色

时间:2024-01-18 18:29:26

vscode自定义背景颜色

大概做前端的builder(只会打代码的才是coder,嘻嘻~)一半以上都会使用vscode编辑代码吧,vscode很轻量,支持的文件拖拽加入编辑区功能我个人认为很方便很强大。
    下面我写一下怎么更改vscode的背景图让自己的眼睛更舒服一些。
1. 首先vscode的背景颜色的定义都是放在每个主题的文件里面的,所以我们是无法通过设置来更改背景颜色的。
2. 那就只能进入到相应的主题文件内部去进行更改喽。
3. 我比较喜欢vscode的light主题里面的Solarized light这个主题,因为它的背景色是那种温和的小麦黄(*^▽^*),但是我又发现这个主题的代码高亮功能不是很好,而Quite Light主题的代码高亮功能就好一些,但是听到Quite Light这个词是不是就已经感到刺眼的光芒了呢?( Ĭ ^ Ĭ )。
4. 那么有没有既能保证眼睛舒服,又可以保证代码高亮,还能比较方便的进行更改的方法呢?当然有了啊,要不然我写个啥子哦。
5. 直接选择Quite light主题,然后把这个主题的背景颜色改为小麦黄(或者你喜欢的颜色就可以了)



下面就进行实操了:

1.找到vscode所在的文件夹,找到如路径:(一般进行默认安装的都是这个路径吧)

vscode自定义背景颜色

2. 使用vscode打开json文件

3. 使用查找功能,输入:editor ,更改editor.background属性的值为小麦色就可以了。

4. 小麦色可以百度到或者用PS取色器取一下,我采取的办法是取色,不过是用的一个比较轻量级也很好用的切图软件pxcook(百度一下你就知道)

5. 这时候保存文件可能会没有权限保存,没事,把当前更改的文件保存到桌面上,然后再与原来文件夹中的文件交换一下就可以啦(我好机智啊)

6. 重新打开vscode,恭喜您喜提小麦色vscode一枚,嘿嘿。