一.设置背景图
1. 在扩展程序中搜索【background】插件进行安装
2. 打开设置,在搜索中输入background,选择扩展中的plugin background,选择在setting.json中编辑
3. 在settings.json中输入以下代码,保存,重启vscode
{
... //其他配置信息
// background配置信息
"background.enabled": true,
"background.useDefault": false,
"background.customImages": [
"file:///D:/vscodeBg.png" // 自定义背景图
],
"background.style": {
"content": "''",
"pointer-events": "none",
"position": "absolute",
"z-index": "99999",
"width": "100%",
"height": "100%",
// "background-position": "100% 100%",
"background-repeat": "no-repeat",
// "background-size": "100%, 100%",
"opacity": 0.1
}
}
4. 设置后效果如下:
二. 解决【不受支持】问题
设置背景 重启vscode后,出现【不受支持】,虽然不影响使用,但是碍于强迫症,不想看到这几个字,解决方法如下:
1. 扩展中搜索【Fix VSCode Checksums】插件,安装
2. 安装插件后按Ctrl+shift+p输入命令
3. 选择Fix Checksums: Apply
4. 重启vscode就ok了
=======================================================
附赠图一张,感谢赞助商@小丸子的口袋提供的ps支持