自定义VSCode背景图片

有两种方式

先给你们看下我的背景。。如下:


自定义VSCode背景图片_第1张图片

方法一:

1. 管理员身份运行VS Code,安装background插件

2. 文件—首选项—设置(或者快捷键Ctrl+Shift+X),找到扩展中的plugin background,选择在setting.json中编辑

自定义VSCode背景图片_第2张图片
3. 在用户设置中输入以下代码,修改完后按Ctrl+S保存,会提示重启VS Code,点击确定后即可完成修改

代码如下:

//background 的相关配置
“update.enableWindowsBackgroundUpdates”: true,
“background.customImages”: [
“file:///F:/Picture/Yukino/vs_background.png”//图片地址,将自己图片的路径copy过来,反斜杠改一下就OK了
],
“background.style”: {
“content”:"’’",
“pointer-events”:“none”,
“position”:“absolute”,//图片位置
“width”:“100%”,
“height”:“100%”,
“z-index”:“99999”,
“background.repeat”:“no-repeat”,
“background-size”:“100%,100%”,//在这里更改图片大小,直到自己觉得合适即可
“opacity”:0.2 //透明度
},
“background.useFront”: true,
“background.useDefault”: false,//是否使用默认图片

建议:
单独创建一个背景图片的文件夹,到时候把喜欢的图片都放进去,想换哪一个,只要修改setting.json代码中的图片名称即可;

方法二:

  1. 下载“background-cover”插件;

  1. 如下提示,进行设置即可;
  2. 个人感觉,这款插件比较方便,而且背景是全覆盖的,效果图:


你可能感兴趣的:(自定义VSCode背景图片)