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文章來源:http://www.zghlxwxcb.cn/news/detail-639336.html
原創(chuàng)不易,轉載請附上原文鏈接哦~
Tisfy:https://letmefly.blog.csdn.net/article/details/132215972文章來源地址http://www.zghlxwxcb.cn/news/detail-639336.html
到了這里,關于VsCode美化 - VsCode自定義 - VsCode自定義背景圖的文章就介紹完了。如果您還想了解更多內容,請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網!