如何在 vscode 中更换炫酷的背景图

最新推荐文章于 2024-08-20 09:54:43 发布

置顶米斯特苏

最新推荐文章于 2024-08-20 09:54:43 发布

阅读量2.2k

点赞数 1

文章标签： vscode background 背景图

本文链接：https://blog.csdn.net/qq_42353989/article/details/103910948

版权

我们面对着代码每天敲的头都要晕了，有个好的背景图不仅可以缓解眼睛的疲劳还很炫酷，直接上操作步骤

1.在软件的扩展中下载 background 插件，并安装插件

2.在安装完成后，软件会提示插件损坏，不必管他，让他不再显示即可。

3.【文件】-【首选项】-【设置】中，切换到工作区在搜索框直接搜索 background 然后随便点击一个在setting.json中编辑

4. 复制以下代码

{
    "background.enabled": true,
    "background.useDefault": false,
    "background.customImages": [
        //这里是你本地图片的地址
        "file:///C:/Users/17638/Desktop/bg.jpg"
    ],
     //  这里是对应的样式
    "background.style": {
        "content": "''",
        "pointer-events": "none",
        "position": "absolute",
        "z-index": "99999",
        "width": "100%",
        "height": "100%",
        "background-size": "cover",
        "background-position": "50% 50%",
        "background-repeat": "no-repeat",
        "opacity": 0.1
    }
}