VSCode设置背景图
程序员文章站
2022-06-22 11:52:50
两种方式:一个是根据官方配置来改,只能覆盖半边背景;另一个就是暴力流直接改编辑器的样式文件就好了,可以任意位置改方式一,官方配置1.首先在vscode扩展中,找到background这个插件2.完成第一步就已经有默认背景了,可是想设置自己喜欢的怎么办?往下看打开 文件>首选项>设置 /** 编辑器背景 */ "window.titleBarStyle": "custom", //首先把标题栏改为非原生的 "background.enabled": true,...
两种方式:一个是根据官方配置来改,只能覆盖半边背景;另一个就是暴力流直接改编辑器的样式文件就好了,可以任意位置改
方式一,官方配置
1.首先在vscode扩展中,找到background这个插件
2.完成第一步就已经有默认背景了,可是想设置自己喜欢的怎么办?往下看
打开 文件>首选项>设置
/** 编辑器背景 */
"window.titleBarStyle": "custom", //首先把标题栏改为非原生的
"background.enabled": true,
"background.useDefault": false,
"background.customImages": [
"file://F:/PrivateDocument/picture/bg.png"
],
"background.style": {
"content": "''",
"pointer-events": "none",
"position": "absolute",
"z-index": "99999",
"width": "100%",
"height": "100%",
"background-position": "cover",
"background-repeat": "no-repeat",
"background-size": "cover",
"opacity": 0.2
}
好了到此为止完成了
方式二
1、vscode其实就是一个网页程序,可以在:帮助=》切换开发人员工具中查看页面样式;
2、打开vscode的安装目录:C:\Program Files\Microsoft VS Code\resources\app\out\vs\workbench,找到下面的workbench.main.css文件,这儿就可以设置背景;
或者你在编辑器内 打开调试,查看样式文件的位置就好了
3、页面可以设置全局的也可以设置局部的,你自己定了就
body {
background-image: url('file:///D:/Temp.jpg');
background-size: 100%;
opacity: 0.75;
background-repeat: no-repeat;
}
// 局部
body {
background-image: url('file:///C:/Users/DUOYI/Pictures/like.png');
background-size: 20%;
background-position: 100% 100%;
opacity: 0.75;
background-repeat: no-repeat;
}
重启就OK了
这种方式如果你的编辑器更新了,需要再手动添加一下就好了
好了,完事了,给个赞吧
本文地址:https://blog.csdn.net/Jermyo/article/details/107511778
上一篇: 两种方法对经典最小二乘法的改进
下一篇: 水平导航-三级导航-切换流畅
推荐阅读
-
Android ListView的item背景色设置和item点击无响应的解决方法
-
UG8.0装配快捷键怎么设置? UG装配设置快捷键的技巧
-
teamviewer怎么设置固定的安全性密码?
-
n卡驱动设置提高性能(讲解nvidia显卡游戏最佳设置)
-
博联智能插座怎么设置(博联智能插座介绍)
-
premiere关键帧空间差值怎么设置为线性效果?
-
select标签设置默认值选择(select设置初始值的方法)
-
win10的环境变量在哪里设置(图示win10环境变量设置技巧)
-
win10锁屏后怎么继续运行程序 win10锁屏后程序运行的设置方法
-
一招修复Win10创造者更新15031预览版设备设置崩溃问题