1. 安装扩展“background”
2. 'ctrl, shift+P'
快捷键打开用户配置文件
3. 复制以下代码到刚打开的“setting.json
”文件
// configuration of background
"background.enabled": true,
"background.useDefault": false,
"background.customImages": [
"file:///G:/壁纸/a.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.08
}
其中"background.customImages"
参数可以修改成自己背景图片的路径,否则采用默认背景样式(也挺好看);"opacity"
参数可以修改透明度,值越小表示透明度越低。
修改完成后会提示重启vscode,重启即可。
4. 修改后的界面如下
但编辑器顶部出现“[不受支持]
”四个字,是由于background插件修改了vscode底层css样式导致,不影响编辑器使用。
作为强迫症患者,选择消除该四个字,佛系猿忽略以下步骤。
5. 安装扩展“Fix VSCode Checksums”
6. ‘ctrl, shift+P’`快捷键键入“fix”关键字
选择命令“Fix Checksums: Apply”。
提示重启编辑器即可。