zoukankan      html  css  js  c++  java
  • vscode设置背景图片

    最近在知乎上看见有人设置了vscode编辑器的背景图片,觉得很新鲜,就尝试以一下,倒是成功了。

    1.首先在vscode扩展中,找到background这个插件,快捷键Ctrl+shift+x

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

    打开 文件>首选项>设置

    在右侧设置里

    "background.enabled": true,
    "background.useDefault": false,
    "background.customImages": [
    "file:///D:/like.jpg"
    ],
    "background.style": {
    "content": "''",
    "pointer-events": "none",
    "position": "absolute",
    "z-index": "99999",
    "width": "100%",
    "height": "100%",
    "background-position": "center",
    "background-repeat": "no-repeat",
    "background-size": "100%,100%",
    "opacity": 0.1
    }
    第一句"background.enabled": true,是插件是否启用,当我们把插件下载下来并且重启vscode之后,就已经有了这句话
    第二句"background.useDefault": false,是否使用默认图片,改成false,不默认,我们要设置自己想要的!
    第三句 设置路径,细心的道友已经注意到了,这是一个数组,也就是说可以设置多张不同的图片!记住,最多三张!  /D:/like.jpg  是图片的路径地址
    "background.customImages": [
    "file:///D:/like.jpg"
    ],
    最后就是background.style了,大家看着设置就好了,懂点css的都知道。注意后面的"opacity": 0.1透明度是可以设置的。
    好啦,到此显示的就是这样子了
    如果你的才华还实现不了你的野心,那就静下心来,埋头苦干。有志者事竟成破釜成舟百二秦关终属楚,苦心人天不负卧薪尝胆三千越甲可吞吴!
  • 相关阅读:
    Android Stuido无法下载jcenter库
    android studio的Gradle一直在sync的办法
    mysql dual表的用途及案例
    编码-解码
    循环神经网络RNN
    项目中遇到的chrome 浏览器跨域方案
    angular 不同组件间通过service传递数据
    angular -moment.js瘦身
    windows10电脑共享文件问题记录
    解决vue本地构建热更新卡顿的问题“75 advanced module optimization”解决方案
  • 原文地址:https://www.cnblogs.com/chinabin1993/p/7151361.html
Copyright © 2011-2022 走看看