欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Visual Code 自定义背景图片

程序员文章站 2022-05-31 16:50:03
...

常常觉得非黑即白的编译器背景太过单调,所以忍不住把编译器的背景设置成自己喜欢的样子。IntelliJ IDEA 和 Visual Studio并不难,只需要下载插件安装,之后再设置里改一改属性而已。而Visual Code或许就有一点点搞人了,所以写一篇文章介绍一下。

1.下载并安装visual Code的插件background,Vusual Code自带的插件中心就有。
Visual Code 自定义背景图片
2.打开设置中心,搜索background。在默认相关设置中点击前面的“小笔”(编辑),会自动再右边的用户设置中添加相应的代码,或者直接跳过这一步进行第三步。
Visual Code 自定义背景图片
3.在用户设置中添加一下代码,之后重启就OK了。
Visual Code 自定义背景图片

代码:

    //background 的相关配置
    "update.enableWindowsBackgroundUpdates": true,
    "background.customImages": ["file:///D:/小敏儿.jpg"],
    "background.enabled": true,
    "background.style": {
        "content": "''",
        "pointer-events": "none",
        "position": "absolute",
        "z-index": "99999",
        "width": "100%",
        "height": "100%",
        "background-position": "center",
        "background-repeat": "no-repeat",
        "background-attachment":"fixed",
       " background-size": "cover",
        "opacity": 0.35
    },
    "background.useFront": true,
    "background.useDefault": false

效果图:
Visual Code 自定义背景图片
如果遇到问题,欢迎留言咨询。在非黑即白、非0即1的代码世界,找到自己的快乐吧……

相关标签: 美化VisualCode