vscode背景的更换_vscode自定义背景颜色

大概做前端的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一枚，嘿嘿。

vscode背景的更换_vscode自定义背景颜色相关推荐

【小技巧】IDEA更换个性自定义背景
IDEA是一款不错的开发工具,相信大家非常喜欢使用,而且IDEA中有特别多的小技巧,大家也没开发出来,近期玩IDEA,现在分享一下IDEA的指定自定义背景,首先上一张图(版本 :IntelliJ ID ...
android星空背景实现,一个Android自定义背景视图，通过触摸绘制类星空背景图
/** * Created by lz on 2016/7/24. * github地址:https://github.com/lzuntalented/BackgroundView * 自定义背景视 ...
简述改变计算机桌面背景的方法,桌面背景不能更换怎么办桌面背景不能更换解决方法【详细介绍】...
桌面背景不能更换怎么办? 壁纸是电脑桌面所使用的背景图片,可以根据大小和分辨率来做相应调整.壁纸让我们的电脑看起来更好看,更漂亮,更有个性. 桌面壁纸就是电脑屏幕所使用的各种图片. 但有时候我们却发现 ...
Visual Studio 2019背景美化（背景透明化+自定义背景图片）
目录前言步骤扩展安装主题及背景设置自定义背景图片字体符号美化不足之处前言版本 visual studio 2019 系统 windows 成品效果步骤扩展安装在上方找到扩展– ...
自定义iOS7导航栏背景,标题和返回按钮文字颜色
在iOS7下,默认导航栏背景,颜色是这样的,接下来我们就进行自定义,如果你仅仅是更改一下背景和颜色,代码会很简单,不需要很复杂的自定义View来替代leftBarItem 更改导航栏的背景和文字Col ...
自定义iOS导航栏背景,标题和返回按钮文字颜色－－－－－转载自gyz413977349
在iOS7下,默认导航栏背景,颜色是这样的,接下来我们就进行自定义,如果你仅仅是更改一下背景和颜色,代码会很简单,不需要很复杂的自定义View来替代leftBarItem 更改导航栏的背景和文字Col ...
Python使用matplotlib可视化发散棒棒糖图、发散棒棒糖图可以同时处理负值和正值、并按照大小排序区分数据、为发散棒棒糖图的特定数据点添加标签、自定义背景填充色、自定义数据点颜色
Python使用matplotlib可视化发散棒棒糖图.发散棒棒糖图可以同时处理负值和正值.并按照大小排序区分数据.为发散棒棒糖图的特定数据点添加标签.自定义背景填充色.自定义数据点颜色(Diverg ...
Pycharm如何设置自定义背景颜色
Pycharm可以通过设置主题来设定背景颜色,但主题的背景颜色也仅仅局限特定的几种,通过如下的方式可以自定义背景颜色. File--Settings--Editor--General--(右侧上方的框 ...
easyExcel自定义背景颜色easyPoi自定义修改表头背景色
背景:Excel自定义背景颜色,自定义表头背景颜色注意点:单元格设置背景颜色失效原因/不生效的原因,通常是因为只设置了setFillForegroundColor 参数,这样肯定是不行的,还需要再设 ...
Vue - 实现信纸输入写作，类似写明信片时的一张背景图片 + 横格纸效果（信纸格子与文字自动对齐、支持自定义背景图、文字或横线大小与颜色，一切由您 DIY 自定义样式）纯CSS完成支持任何vue项目
前言网上没有这方面的组件和插件,本文来做优质的组件(附带详细的使用方法及源码注释),无任何第三方插件依赖. 本文实现了在 Vue / Nuxt 项目中,实现 "横格纸" 一样的 ...

vscode背景的更换_vscode自定义背景颜色

vscode背景的更换_vscode自定义背景颜色相关推荐

最新文章

热门文章