背景:本来唱着歌写着express中,但是新建了vscode窗口之后backgroud突然就用不了,与此同时还有插件标出Connection to server got closed. Server will not be restarted. Sourc:IntellCode API Usage Example和Client API Usage Examples LSP: connection to server is erroring. Shutting down server.错误,虽然这两个错误和background关系不大,但是反映错误原因

使用不了的原因

vscode的自动更新把我插件更新到最新版本了,

我们可以看到BREAKING refator,这一段移除了v1旧配置支持,所以以前配置就不生效了,这一点也可从vscode stting.json文件从看出来

这是我旧文件配置全部都暗淡无光

解决方法

知道了错误原因就可以开始解决了,

1. 按照步骤打开vscode插件,选择backgroud插件,然后往下拉直到拉到代码示例

2.学习代码示例里的写法

3.打开(setting)设置页面

4.设置编辑区域图片

通过上面第一步的学习我们可以了解到vscode有editor、sidebar、auxiliarybar、panel.这个区域,最特别的是auxiliarybar区域需要Ctrl + Alt + B调出.

5.设置图片

5.1 官网设置

{ "background.editor": { "useFront": true, "style": { "background-position": "100% 100%", "background-size": "auto", "opacity": 0.6 }, "styles": [], // `images` 支持在线和本地图片，以及文件夹。 "images": [ // 在线图片，只允许 `https` 协议 "https://hostname/online.jpg", // 本地图片 "file:///local/path/img.jpeg", "/home/xie/downloads/img.gif", "C:/Users/xie/img.bmp", "D:\\downloads\\images\\img.webp", // 本地路径支持 `~` 和环境变量 "~/Pictures/img.png", "${HOME}/Pictures/img.png", // 文件夹 "/home/xie/images", // data URL "data:image/*;base64,<base64-data>" ], "interval": 0, "random": false } }

5.2 我推荐设置

"background.editor": { "useFront": true, "style": { "background-position": "center", "background-size": "cover", "opacity": 0.6, }, "styles": [], "images": [ "E:/photo/vsBackground/1.jpg", ], "interval": 0, "random": false, },

剩下 的对着我的代码或者官方的代码改一下就ok了