vscode怎么设置动态背景

vscode怎么设置动态背景

1.在vscode插件中下载background插件 2.选择-》首页-》首选项-》设置 or ctrl+, 3.在设置中搜索background 点击进入settings.json文件

4.设置配置(可以直接粘贴,图片路劲修改成你本地的图片即可)

{
          
   
    "diffEditor.ignoreTrimWhitespace": false,  //
    "background.useDefault": false,  //是否使用默认背景
    "background.enabled": true,   //是否启动
    "background.customImages": [  //这个数组里面只能存放最多三张图片

        //注释:如果图片是本地就使用本地地址,写法参照我这样就好了
        //      如果图片是网络上的就直接使用网址图片地址


        // "file:///H:/image/BB374F7F-66FB-4e55-A604-E14613493544.png",
        // "file:///H:/image/Dingtalk_20201220114712.jpg",
        // "file:///H:/image/Dingtalk_20201220114744.jpg",
        "file:///H:/image/Dingtalk_20201220114815.jpg",
        // "file:///H:/image/Dingtalk_20201220114759.jpg",
        // "file:///H:/image/Dingtalk_20201220114854.jpg",
        // "file:///H:/image/77B6C122-B2DC-45ce-A4EF-6A8762A564A0.png",
    ],
    "background.style": {
          
     //背景图片的样式
        "content": "",
        "pointer-events": "none",
        "position": "absolute",
        "z-index": "99999",
        "width": "100%",
        "height": "100%",
        "background-position": "100% 100%",
        "background-repeat": "no-repeat",
        "opacity": 0.25
    },

}

5. 如何设置成动态的背景图

我测试过,除了图片的格式之外,其他的格式都无法生成背景图片,所以,想要酷炫的动态背景,可以使用能生成动态图片的软件。 方法:使用剪辑软件,剪辑一段酷炫视频片段,然后生成".gif"后缀的图片即可。

经验分享 程序员 微信小程序 职场和发展