VS Code

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

2019-03-27  本文已影响819人  喜欢桃子的阿狸

大家用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
上一篇下一篇

猜你喜欢

热点阅读