VSCode 如何设置背景图片

简介: VSCode 如何设置背景图片

VSCode 设置背景图片

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

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

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

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

// {
//     "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.最后再点击设置,点击颜色主题,通过上下键选择自己喜欢的主题颜色。


相关文章
|
13天前
vscode 向下复制当前行功能快捷键 设置成Ctrl + D
vscode 向下复制当前行功能快捷键 设置成Ctrl + D
47 0
|
13天前
设置VSCode运行任务命令快捷键Alt+R,通常用于npm start(对频繁使用该命令可节省50%的输入命令行打字时间)
设置VSCode运行任务命令快捷键Alt+R,通常用于npm start(对频繁使用该命令可节省50%的输入命令行打字时间)
|
13天前
设置VSCode代码编辑器右侧的Minimap代码缩略图滚动条切换显示、隐藏的快捷键Alt+M
设置VSCode代码编辑器右侧的Minimap代码缩略图滚动条切换显示、隐藏的快捷键Alt+M
|
13天前
|
JSON JavaScript 前端开发
设置WebStorm像VSCode一样每行代码结尾自动格式化加入“;”分号(JavaScript、TypeScript格式化)
设置WebStorm像VSCode一样每行代码结尾自动格式化加入“;”分号(JavaScript、TypeScript格式化)
|
13天前
【冷门快捷键】设置VSCode终端大小最小化快捷键Alt+PageUp/PageDown、编辑代码窗口切换大小快捷键Alt+数字键盘“+”、Alt+数字键盘“-”、Alt+数字键盘“0”
【冷门快捷键】设置VSCode终端大小最小化快捷键Alt+PageUp/PageDown、编辑代码窗口切换大小快捷键Alt+数字键盘“+”、Alt+数字键盘“-”、Alt+数字键盘“0”
|
13天前
设置VSCode终端命令行清除快捷键Ctrl+K或Ctrl+L
设置VSCode终端命令行清除快捷键Ctrl+K或Ctrl+L
|
13天前
设置VSCode编辑器、终端字体为微软雅黑Microsoft Yahei,字号大小为11像素
设置VSCode编辑器、终端字体为微软雅黑Microsoft Yahei,字号大小为11像素
|
13天前
个人建议:VSCode和WebStorm中的“关闭其他所有编辑器、关闭左侧编辑器、关闭右侧编辑器”快捷键这么设置shift+alt+w、shift+alt+[、shift+alt+],你会受益匪浅
个人建议:VSCode和WebStorm中的“关闭其他所有编辑器、关闭左侧编辑器、关闭右侧编辑器”快捷键这么设置shift+alt+w、shift+alt+[、shift+alt+],你会受益匪浅
|
13天前
VSCode设置折叠左侧资源管理器所有文件夹的快捷键Alt+X、切换左侧活动栏显示隐藏快捷键Alt+Q
VSCode设置折叠左侧资源管理器所有文件夹的快捷键Alt+X、切换左侧活动栏显示隐藏快捷键Alt+Q
|
13天前
VSCode设置合并行快捷键
VSCode设置合并行快捷键