VSCode---background插件

1、以管理员身份运行VS Code,搜索安装background插件
VSCode---background插件_第1张图片
2、打开设置,选择扩展中的plugin background,选择在setting.json中编辑
VSCode---background插件_第2张图片
3、在setting.json中输入以下代码,修改完后按Ctrl+S保存,会提示重启VS Code,点击确定后即可完成修改

// background相关配置 Start
  "background.useDefault": false,
  "background.style": {
    "content": "''",
    "pointer-events": "none",
    "position": "absolute",
    "bottom": "0px",
    "right": "15px",
    "z-index": "99999",
    "width": "150px",
    "height": "213px",
    "background-position": "0% 0%",
    "background-size": "cover",
    "background-repeat": "no-repeat",
    "opacity": 0.3
  },
  "background.customImages": [
    "file:///D:/VSCodeBackground/ram1.png",
    "file:///D:/VSCodeBackground/ram2.png",
    // "file:///D:/VSCodeBackground/ram3.jpg",
  ]
  // background相关配置 End

注意:
1、安装该插件会令VS Code发出警告,选择不再显示即可

2、必须以管理员身份运行才能修改

3、最好使用透明背景的图片

4、每次vscode更新都会不显示图片,只要以管理员身份重启即可

效果如下:
VSCode---background插件_第3张图片
本文参考:https://blog.csdn.net/yukinoai/article/details/84564949

使用的背景图片:
VSCode---background插件_第4张图片
VSCode---background插件_第5张图片
VSCode---background插件_第6张图片

你可能感兴趣的:(Vue.js,VSCode)