当前位置： 移动技术网 > 科技>操作系统>windows > VSCode设置背景图

VSCode设置背景图

2020年07月24日  | 移动技术网科技  | 我要评论

两种方式：一个是根据官方配置来改，只能覆盖半边背景；另一个就是暴力流直接改编辑器的样式文件就好了，可以任意位置改

方式一，官方配置

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

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网