VSCode 如何设置背景图片

VSCode 设置背景图片

1.打开应用商店,搜索 background ,选择第一个,点击安装。

2. 安装完成后点击设置,点击扩展设置。

3.点击在 settings.json 中编辑。

4.将原代码注释后,加入以下代码。

javascript 复制代码
// {
//     "workbench.iconTheme": "material-icon-theme",
//     "background.fullscreen": {
//         "image": "",
//         "opacity": 0.91,
//         "size": "cover",
//         "interval": 0
//     }
// }

{
    // 是否开启背景图显示
    "background.enabled": true,
    // true-显示默认的图片  false-显示用户自定义的图片
    "background.useDefault": false,
    // 最多设置三张图片,默认显示最上方的图片,当打开多个侧边栏时再依次显示后面的背景图片
    "background.customImages": [
        "file:///C:/Users/admin/Pictures/Camera Roll/1.jpg",
        "file:///C:/Users/admin/Pictures/Camera Roll/2.jpg",
        "file:///C:/Users/admin/Pictures/Camera Roll/3.jpg"
    ],
    // CSS显示样式设置
    "background.style": {
        "content": "''",
        "pointer-events": "none",
        "top": "0",
        "left": "0",
        "width": "100%",
        "height": "100%",
        "z-index": "99999",
        "background.repeat": "no-repeat",
        "background-size": "cover",
        // 设置透明度
        "opacity": 0.2
    },
    "editor.minimap.enabled": false,
}

5. 保存后重启 VSCode 就能看到设置的背景图片啦。

6.最后再点击设置,点击颜色主题,通过上下键选择自己喜欢的主题颜色。

原创作者:吴小糖

创作时间:2023.11.1

相关推荐
只是橘色仍温柔1 小时前
xshell可以ssh连接,但vscode不行
运维·vscode·ssh
SHtop114 小时前
Eclipse IDE
ide·eclipse
吉均5 小时前
如何实现局域网内无痛访问Jupyter Notebook?
ide·python·jupyter
A__tao5 小时前
SQL 转 PHP Eloquent、Doctrine ORM, 支持多数据库
android·ide·android studio
Tee xm15 小时前
清晰易懂的VSCode加Cline插件使用不同API提供商实现AI编程
vscode·ai编程·安装
1alisa15 小时前
Sublime Text for Mac v4【注册汉化版】代码编辑器
macos·编辑器·sublime text
神码编程15 小时前
【Unity】 HTFramework框架(六十四)SaveDataRuntime运行时保存组件参数、预制体
unity·编辑器·游戏引擎
William.csj16 小时前
Linux——开发板显示器显示不出来,vscode远程登录不进去,内存满了的解决办法
linux·vscode
mzak18 小时前
vscode集成deepseek实现辅助编程(银河麒麟系统)【详细自用版】
linux·vscode·编辑器·银河麒麟·deepseek
JCBP_18 小时前
数据结构3
服务器·c语言·数据结构·vscode