Ubuntu| VS Code设置背景图

狂放不羁霸

已于 2022-08-20 12:16:16 修改

阅读量1.7k

点赞数 1

文章标签： ubuntu linux

于 2022-07-07 16:42:38 首次发布

本文链接：https://blog.csdn.net/m0_64140451/article/details/125661083

版权

一共有两种设置背景图的方法。

第二次更新：目前苯人推荐方法二，赶时间的小伙伴可以直接跳到方法二。

4、在settings.json中编辑设置

5、保存修改内容，自动重启VS Code

6、效果展示

方法二：扩展background-cover

1、开启管理员权限

2、安装扩展background-cover

3、设置自己喜欢的背景

4、效果展示

方法一：扩展background

作者大大写的说明书：vscode-background/README.zh-CN.md at bfe7a6561f19bbf9ae782626d3bf3a9d2486c741 · shalldie/vscode-background · GitHubBring background images to your vscode. vscode background 背景扩展插件。 - vscode-background/README.zh-CN.md at bfe7a6561f19bbf9ae782626d3bf3a9d2486c741 · shalldie/vscode-backgroundhttps://github.com/shalldie/vscode-background/blob/HEAD/README.zh-CN.md

1、开启管理员权限

Q：针对于Ubuntu，如何以管理员的身份运行VS Code？

A：在background扩展的细节部分找到了此问题的解决方案，代码如下。
$ sudo chown -R $(whoami) /usr/share/code
VS Code更新后扩展失效等问题，通过打开管理员权限，大部分能够得到解决。

2、安装扩展background

3、进入settings.json

安装好扩展后，点击齿轮，选择“扩展设置”。

选择Background: Custom Images下的在settings.json中编辑。

注意：请保证其余勾选项与图中一致。

4、在settings.json中编辑设置

图中代码如下：

{
    "workbench.colorTheme": "Default Light+",
    "workbench.iconTheme": "vscode-icons",
    "editor.mouseWheelZoom": true,
    "background.customImages": [
        "file:///home/envoutante/0711.jpg" //输入图片路径
    ],
    "background.style": {
        "content":"''",
        "pointer-events":"none",
        "position":"absolute", //图片位置
        "width":"100%",
        "height":"100%",
        "z-index":"99999",
        "background.repeat":"no-repeat",
        "background-size":"45%,45%", //图片大小
        "opacity":0.5 //透明度
        },
        "background.useFront": true,
        "background.useDefault": false, //是否使用默认图片
}