给vscode设置背景图片~~贼好用

第一步:下载安装扩展文件background

给vscode设置背景图片~~贼好用_第1张图片

 第二步:点击文件—首选项—设置

搜索background,并点击background-style的settings.json文件

给vscode设置背景图片~~贼好用_第2张图片

添加如下代码:

    "background.enabled": true,
    "background.useDefault": false,
    "background.customImages": [
        "file:///C:/Users/Administrator/Desktop/图片/kui.jpg"
        //这里的图片地址,就是你存放的图片的位置
        ],
    "background.style": {
        "content": "''",
        "pointer-events": "none",
        "position": "absolute",
        "z-index": "99999",
        "width": "100%",
        "height": "100%",
        "background-position": "center",
        "background-repeat": "no-repeat",
        "background-size": "100%,100%",
        "opacity": 0.3
    },

我用的这张图片,想和我设置同款壁纸的,直接拿去用哦~~~ 

给vscode设置背景图片~~贼好用_第3张图片

设置好了,看下效果图呦,哈哈哈~~~~~

给vscode设置背景图片~~贼好用_第4张图片

你可能感兴趣的:(✿✿--css)