效果如下:
上插件
VSCode 万物皆插件,那么换背景图肯定也是用插件实现,这里推荐的是 shalldie 的 background:
修改背景设置
通过 cmd + shift + p (Window 下为 ctrl + shift + p ) 唤醒命令面板,找到 Preferences: Open User Settings(JSON)
并进入:
在原有的配置 JSON 上加上 background 插件的配置:
{
...
"background.fullscreen": {
"image": "https://i-blog.csdnimg.cn/blog_migrate/3005cc7ce2b688cce6f930261219d08f.png", // 你的图片 URL
// "image": ["https://pathtoimage.png"], // 也可以是一组数组,用于轮播
"opacity": 0.91, // 透明度,推荐 0.85 ~ 0.95
"size": "cover", // CSS 格式,推荐用自适应的 `cover` 或者 `contain`、`200px 200px`
"position": "center", // `background-position` 的别称, 默认 `center`
"interval": 0 // 轮播间隔秒数,默认为 0 去关闭
}
...
}
对于 image
字段如果要使用本地图片的话可以用 file 协议引用,比如:
file:///Users/somepath/a.jpg
保存生效
保存之后 VSCode 右下角会提示你重启生效:
如果重启后没有效果的话,可以先检查一下 URL 的正确性,笔者重启多次也没见效,最后发现原来是 URL 贴错了。
最后预测一波评论区:
某位靓仔 🥺:学会了,就差一个女朋友了。
个人公众号是「楷鹏」,想学英语的程序员朋友们可以关注一下 🔥🔥🔥