浅析VSCode中怎么配置背景图片(插件分享)

vscode中怎么配置背景图片?下面本篇文章给大家介绍一下vscode中通过插件设置背景图片的方法,希望对大家有所帮助!

浅析VSCode中怎么配置背景图片(插件分享)

VScode设置背景图片的方法

1、在vscode扩展中,找到background这个插件并安装。【推荐学习:《vscode入门教程》】

浅析VSCode中怎么配置背景图片(插件分享)

2、打开 settings.json设置,设置自己喜欢的背景图

打开 文件>首选项>设置

浅析VSCode中怎么配置背景图片(插件分享)

    // background相关配置 Start    "background.useDefault": false,  // 是否使用默认图片,改成false不默认,设置自己想要的    "background.style": {        "content": "''",        "pointer-events": "none",        "position": "absolute",        "bottom": "0px",        "right": "0",        "z-index": "99999",        "width": "100%",        "height": "100%",        "background-position": "0% 0%",        "background-size": "cover",        "background-repeat": "no-repeat",        "opacity": 0.3    },    "background.customImages": [        "file:///C:/VSCodeBackground/ram1.jpg",  //图片的路径地址 ,最多 3张        // "file:///D:/VSCodeBackground/ram2.png",        // "file:///D:/VSCodeBackground/ram3.jpg",    ],    // background相关配置 End

3、效果

浅析VSCode中怎么配置背景图片(插件分享)

4、设置背景图后,Vscode标题栏出现【不受支持】提示的解决

扩展商品:Fix VSCode Checksums

浅析VSCode中怎么配置背景图片(插件分享)

 安装好插件后 ctrl + shift +p 命令面板:输入命令,重启后就好了

Fix Checksums: Apply

注意:

安装和设置后要重启vscode

以管理员身份运行vscode

安装后有报错,设置不再提示就好

更多关于VSCode的相关知识,请访问:vscode教程!

以上就是浅析VSCode中怎么配置背景图片(插件分享)的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/57322.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年11月10日 04:55:21
下一篇 2025年11月10日 04:56:19

相关推荐

发表回复

登录后才能评论
关注微信