vscode自定义背景颜色

Posted 2020-12-29 codeofmine

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

---

---

 

下面就进行实操了：

1.找到vscode所在的文件夹，找到如路径：（一般进行默认安装的都是这个路径吧）

2. 使用vscode打开json文件

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

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

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

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

---