自定义VSCode背景图片

Zhongye

没有找到相关结果

主题色

250

壁纸设置

特效设置

文章列表布局

归档 142

随记 38 数据结构 16 博客 15 工具 15 前端 11 文章示例 10 学习 8 项目 7 力扣 6 研究 5 笔记 5 算法 4 博客指南 1 日志 1

153 个字

1 分钟

自定义VSCode背景图片

2024-09-02

工具

VSCode

工具配置

美化

关于如何自定义VSCode背景图片#

1.以管理员身份运行VS Code，安装background插件#

2.打开setting，在搜索框中输入background，选择扩展中的plugin background，选择在setting.json中编辑#

3.在用户设置中输入以下代码，修改完后保存，会提示重启VS Code，点击确定后即可完成修改#

1
//background 的相关配置
2
    "update.enableWindowsBackgroundUpdates": true,
3
    "background.customImages": [
4
        "file:///F:/Picture/Yukino/vs_background.png"//图片地址（支持http
5
    ],
6
    "background.style": {
7
        "content":"''",
8
        "pointer-events":"none",
9
        "position":"absolute",//图片位置
10
        "width":"100%",
11
        "height":"100%",
12
        "z-index":"99999",
13
        "background.repeat":"no-repeat",
14
        "background-size":"25%,25%",//图片大小
15
        "opacity":0.2 //透明度
16
    },
17
    "background.useFront": true,
18
    "background.useDefault": false,//是否使用默认图片