美文网首页VS Code
(闲聊篇)VS Code 更换背景图片

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

作者: 喜欢桃子的阿狸 | 来源:发表于2019-03-27 22:43 被阅读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

    相关文章

      网友评论

        本文标题:(闲聊篇)VS Code 更换背景图片

        本文链接:https://www.haomeiwen.com/subject/klsxbqtx.html