猫史档案馆

嗯……

又跟vscode有关……

这次，让我们来设置一下vscode的背景图

先看效果

center_image

嗯，看上去不错~满意~

首先

以管喵的身份运行vscode

先安装一个叫做“background”的插件

center_image

然后点击设置>首选项>设置

或者直接ctrl+

来到设置

输入background

center_image

打开settings.json

复制一下CSS代码（懂点前端的都知道是啥~）

{
    "background.customImages": [
        "file://C:/Users/DELL/Desktop/sans.png"
    ],
    "background.useDefault": false,  
    "background.useFont": true, 
    "background.enabled": true,
    "backgroundCover.imagePath": "C:\\Users\\DELL\\Desktop\\sans.png",
    "backgroundCover.randomImageFolder": "C:\\Users\\DELL\\Desktop",
    "backgroundCover.opacity": 0.3,
    "window.zoomLevel" : 0.5,
        "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,
    }
}

（好吧，没有给CSS的代码输入……） emotion_doge

注意！

emotion_doge

请注意你的文件路径！

center_image

在background.customImages 前面加上file:/// 至于1，2处嘛……我们再下载一个插件（保险） emotion_doge

叫做“background cover” center_image

还是打开设置这里搜索background 单机扩展>background cover 添好里面的所有信息当你再看settings.json里就有了1，2处的代码~ ctrl+s保存settings.json 退出重新进入vscode 你就可以看到自己漂漂亮亮的背景辣~ （成功）如果帮助到你的话~请给个“喵”呦~

猫史档案馆

如何设置vscode的背景

回复