VSCode更改主题背景 |
您所在的位置:网站首页 › vscode怎么设置背景色 › VSCode更改主题背景 |
问题:如何更改VSCode主题背景
客官!欢迎来到本小白的博客!
跟着我的步骤
1-1.打开VSCode,在扩展中心输入background,一般是选择第一个【注意:选择下载人数多的】。 1-2.删除刚刚输入的文字"background",找到已安装中刚刚下载的扩展background,点击该扩展的设置按钮。 1-3.选择扩展设置。 1-4.找到在settings.json中编辑选项【可能会有多个,随便选择一个就行,它们是同一个文件】。 1-5.填写形式很简单 【1.注需要自定义背景,需在background.useDefault后面的true→false】 【2.自定义图片路径写上图片的绝对路径】 【3.背景亮暗在opacity中修改,范围为0~1,越低越暗】 "background.useDefault": false, "background.customImages": [ "file:///加上你的图片路径" ], "background.style": { "content": "''", "pointer-events": "none", "position": "absolute", "z-index": "99999", "width": "100%", "height": "100%", "background-size": "cover", "background-position": "100% 100%", "background-repeat": "no-repeat", "opacity": 0.15 },1-6.按Ctrl+S保存文件后,右下角弹出重启的提示,选择Restart vscode,这样就可以了,最后再根据自己喜好多试几次亮暗调整,背景图片就设置好了。 1-7.注:在扩展安装的时候,如果仔细看右侧说明的话,可以发现开发人员已经给出了一些提示性信息,这些可以解决使用过程中的问题。例: ---------------------------------------------------我是一条卑微的分隔线------------------------------------------------- 2-1.上面设置完之后,发现只有代码界面修改了背景,那能不能食用编译器的全局背景呢,比如下面这张图中的两块区域。答案是可以的。 2-2.打开VSCode的安装目录下的workbench子目录,默认在【 C:\Program Files\Microsoft VS Code\resources\app\out\vs\workbench 】,选择wordbench.desktop.main.css【注:最好事先准备一个文件副本,如果设置出错可以替换还原】 2-3.将文件拖入VSCode,这里会显示一大串代码,不用管它,找到下面这个位置【注:是" / "后面】 2-4.开始写入一串代码【注:这里的opacity是越高越暗的】 body{background-image: url('file:///加上你的图片路径');background-size: cover;background-position: 100% 100%;background-repeat: no-repeat;opacity: 0.75;}2-5.代码写入之后,Ctrl+S保存后重启VSCode。看,是不是已经应用到整个IDE了。 注:如果想要放在右下角,只要更改background-size: cover;改成background: 10%之类的,大小可以自己调整。 最后祝各位看官学业有成,事业蒸蒸日上! |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |