VsCode 如何设置背景图以及字体颜色

设置背景图

1. 在设置背景图前需要下载一个叫background的插件(直接在商店里面搜多就可以安装）
   
2. 然后打开Setting文件
   
   
   按照上述点击就可以打开Setting文件
3. 将下面的代码复制到Setting文件内

// 背景图代码
 "background.style": { // 单个
    "content": "''",
    "pointer-events": "none",
    "position": "absolute", // 绝对定位
    "z-index": "99999",
    "width": "100%",
    "height": "100%",
    "background-position": "0% 0%", // 图片位置
    "background-size": "cover", // 图片大小，这里设置铺满
    "background-repeat": "no-repeat" //是否重复
    // "opacity": 0.7 // 透明度
  },
  "background.styles": [ // 分屏
    {
      "content": "''",
      "pointer-events": "none",
      "position": "absolute", // 绝对定位
      "z-index": "99999",
      "width": "100%",
      "height": "100%",
      "background-position": "0% 0%", // 图片位置
      "background-size": "contain", // 图片大小，这里设置铺满
      "background-repeat": "no-repeat", //是否重复
      "opacity": 0.2 // 透明度
    },
    {
      "content": "''",
      "pointer-events": "none",
      "position": "absolute", // 绝对定位
      "z-index": "99999",
      "width": "100%",
      "height": "100%",
      "background-position": "0% 0%", // 图片位置
      "background-size": "cover", // 图片大小，这里设置铺满
      "background-repeat": "no-repeat", //是否重复
      "opacity": 0.1 // 透明度
    }
  ],
  "background.customImages": [
    // "file:///D://img//wallhaven-k7k7e1.jpg",
    "file:///D://img//wallhaven-g7216d.png", // 本地图片地址
    // "file:///D://img//wallhaven-48zoek.jpg", // 本地图片地址
    // "file:///D://img//wallhaven-lml16p.png", // 本地图片地址
    "file:///D://img//wallhaven-k78j81.jpg" // 本地图片地址
  ],

设置字体颜色

1. 也按照上述步骤将下面的代码复制到Setting里面去（字体不需要安装插件)

  "background.useDefault": false, //是否使用默认图片,false
  "editor.tokenColorCustomizations": {
    "comments": "#07f8e4", // 注释
    "keywords": "#d417e6", // 关键字
    "variables": "#0099ff", // 变量名
    "strings": "#f4f806bd", // 字符串
    "functions": "#a4f809", // 函数名
    "numbers": "#AE81FF" // 数字
  },
  // 选中高亮的颜色
  "workbench.colorCustomizations": {
    "editor.selectionBackground": "#f30404"
  },

然后reset vscode 就可以啦