vscode 全局背景图片设置 background

按照网上的安装 设置步骤

vscode 全局背景图片设置 background
在应用商店中搜索background 找到下载量最多的那个 通常是第一个, 然后点击安装, 在网上搜索还要设置setting.json 我一开始也设置了, 但是一直没有展示出来, 右下角也没有提示让我重新启动vscode之类的, 虽然我手动重新启动, 也上网用例管理员权限打开vscode但是就是不行, 后来就卸载了vscode

  • 然后去官网安装vscode https://code.visualstudio.com/docs/?dv=osx超级超级慢
    vscode 全局背景图片设置 background
    我们可以打开下载, 然后新窗口打开这个链接
    然后再地址栏中 使用vscode.cdn.azure.cn替换我上图圈出来的地方, 然后回车, 就可以下载了 速度超级快

回到正题, 这个时候 我卸载background 然后安装background, 右下角此时就会提示我重新启动vscode 我感觉要成功, 果然 重新启用, 成功了 . 默认的图片就出来了, 此时, 你可以自己再配置你想要的图片

vscode 全局背景图片设置 background

vscode 全局背景图片设置 background

 //background 的相关配置
  "background.useDefault": false,
  "background.customImages": [
      "file:///Users/zhangmin/Documents/%20%20%20%E8%83%8C%E6%99%AF%E5%9B%BE%E7%89%87/3f38ac199b5c00e502ac270db00a8c95.jpg",
 
  ],
  "background.style": {
      "content": "''",
      "pointer-events": "none",
      "top": "0",
      "left": "0",
      "width": "100%",
      "height": "100%",
      "z-index": "99999",
      "background.repeat": "no-repeat",
      "background-size": "contain",
      "opacity": 0.1
  },
  "editor.minimap.enabled": false,

观察上图会发现, 左侧并没有被图片覆盖,
打开vscode, 按照我这个路径一步一步往下走,
/Applications/Visual Studio Code.app/Contents/Resources/app/out/vs/workbench/workbench.desktop.main.css
找到这个css 然后打开 找到这个位置, 在这个位置插入一段代码
vscode 全局背景图片设置 background

body{
	background: url('"你的图片地址') no-repeat;
	opacity: .75;
	background-size:cover;
	background-position: center center;
}

vscode 全局背景图片设置 background
或者你的图片地址可以这样用 下载background-cover
vscode 全局背景图片设置 background

然后点击右下角
vscode 全局背景图片设置 background

选择一张背景 或者文件夹

成功!

上一篇:Java基础笔记38——局部内部类


下一篇:CSS3——背景属性