VSCode——自定义VSCode背景图片

本文转载自https://blog.csdn.net/yukinoai/article/details/84564949
1.以管理员身份运行VS Code,安装background插件
VSCode——自定义VSCode背景图片_第1张图片
2.打开setting,在搜索框中输入background,选择扩展中的plugin background,选择在setting.json中编辑
VSCode——自定义VSCode背景图片_第2张图片
3.在用户设置中输入以下代码,修改完后保存,会提示重启VS Code,点击确定后即可完成修改

//background 的相关配置
    "update.enableWindowsBackgroundUpdates": true,
    "background.customImages": [
        "file:///F:/Picture/Yukino/vs_background.png"//图片地址
    ],
    "background.style": {
     
        "content":"''",
        "pointer-events":"none",
        "position":"absolute",//图片位置
        "width":"100%",
        "height":"100%",
        "z-index":"99999",
        "background.repeat":"no-repeat",
        "background-size":"25%,25%",//图片大小
        "opacity":0.2 //透明度
    },
    "background.useFront": true,
    "background.useDefault": false,//是否使用默认图片

我用的背景图片是这个:
VSCode——自定义VSCode背景图片_第3张图片
效果如下::
VSCode——自定义VSCode背景图片_第4张图片

你可能感兴趣的:(小技术,javascript,css,vue.js,html5,node.js)