背景:本来唱着歌写着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了