(闲聊篇)VS Code 更换背景图片

大家用Creator开发项目时,写代码的IDE一般都是VS Code,当然还有 webstorm,sublime....。但是由于我们是长时间编程,长时间看同一个背景有点单调,不用担心,vs code有背景插件--background。

1.在插件扩展搜索我们的插件,安装

image.png

2.完成第一步就已经有默认背景了,可是想设置自己喜欢的怎么办?往下看

打开 文件>首选项>设置
找到这个


image.png

加上这句

    "background.useDefault": false,
    "background.customImages": [
        "file:///E:/图片路径"
    ],
    "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
      },

"background.useDefault": false,是否使用默认图片,改成false,不默认,我们要设置自己想要的!
"background.customImages": [
""
]是设置图片路径,最多设置三张。

这个表示设置图片样式
"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
},
接下来是见证奇迹的时刻,我们重启编辑器看一下吧。


image.png
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 29,033评论 1 45
  • 1、背景颜色-background-color 在CSS中,使用background-color属性来控制元素的背...
    故笙丶阅读 824评论 2 3
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    wzhiq896阅读 2,156评论 0 2
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 2,470评论 0 11
  • 我也希望,如这本书中所说,在自己离开这个世界的时候,可以说出这样的话: 我度过了美好的一生。 越长大,越发现,难得...
    地瓜周丨读书控阅读 696评论 0 1

友情链接更多精彩内容