VsCode美化 - VsCode自定義 - VsCode自定義背景圖：添加二次元老婆圖到VsCode

前言

作為一個二刺螈，VsCode用久了，總覺得少了些什么。是啊，高效的代碼生產工具中怎么能沒有老婆呢？

那就安裝一個VsCode插件把老婆添加到VsCode中吧！

How

安裝

方法一

直接在VsCode的插件中搜索background（或者Ctrl + P -> ext install background -> Enter），點擊第一個安裝即可。

方法二

打開該插件的marketplace，點擊Install即可。

配置

安裝完畢后，重啟VsCode就可以看到右下角的二次元圖了。

什么，不喜歡？想換圖？

打開左下角設置：

搜索background，點擊拓展，點擊background，就可以開始配置了。

可以直接修改settings.json來配置（其實該settings.json的路徑為%userprofile%/AppData/Roaming/Code/User/settings.json）：

在最外層大括號內添加如下代碼即可將圖片添加至右下角：

"background.enabled": true,
"background.customImages": ["file:///F:/Pic/八重神子-背-小.png"
],
"background.style": {"content": "''","pointer-events": "none","position": "absolute","z-index": "99999","width": "100%","height": "100%","background-position": "100% 100%","background-repeat": "no-repeat","opacity": 0.2
}

其中background.customImages是圖片，background.style是圖片樣式。圖片樣式中的opacity是圖片透明度。

如果使用多個圖片，且每個圖片使用不同的配置，則可以：

"background.enabled": true,
"background.customImages": ["圖片1","圖片2"
],
"background.styles": [{配置1},{配置2}
]

注意，上述配置中是styles而不是style，其中配置1，配置2與第一個json配置中background.style相同。

Test

效果

文件分享

我所使用的圖：AliyunDrive

啊咧，現在阿里云盤“備份盤”中的文件不能分享了，只有“資源庫”中的文件才能分享。What?!（2023.8.10）

更新

VsCode更新后第一次啟動，老婆會不顯示。但是不用怕，什么都不需要做，重啟一下VsCode就可以了。（Ctrl + Shift + P -> Reload Window -> Enter）

不爽

不爽之處：每次啟動后，VsCode右下角總會提示“Code 安裝似乎損壞，請重新安裝”。

不過想要屏蔽的話也很簡單，點擊小齒輪，點擊不再顯示就好了。

End

中文文檔：github.com/shalldie/vscode-background/blob/HEAD/README.zh-CN.md

原創不易，轉載請附上原文鏈接哦~
Tisfy：https://letmefly.blog.csdn.net/article/details/132215972

The End, thanks!