最近在知乎上看見有人設置了vscode編輯器的背景圖片,覺得很新鮮,就嘗試以一下,倒是成功了。
1.首先在vscode擴展中,找到background這個插件,快捷鍵Ctrl+shift+x
2.完成第一步就已經有默認背景了,可是想設置自己喜歡的怎么辦?往下看
打開 文件>首選項>設置
在右側設置里
"background.enabled": true,
"background.useDefault": false,
"background.customImages": [
"file:///D:/like.jpg"
],
"background.style": {
"content": "''",
"pointer-events": "none",
"position": "absolute",
"z-index": "99999",
"width": "100%",
"height": "100%",
"background-position": "center",
"background-repeat": "no-repeat",
"background-size": "100%,100%",
"opacity": 0.1
}
第一句"background.enabled": true,是插件是否啟用,當我們把插件下載下來並且重啟vscode之后,就已經有了這句話
第二句"background.useDefault": false,是否使用默認圖片,改成false,不默認,我們要設置自己想要的!
第三句 設置路徑,細心的道友已經注意到了,這是一個數組,也就是說可以設置多張不同的圖片!記住,最多三張! /D:/like.jpg 是圖片的路徑地址
"background.customImages": [
"file:///D:/like.jpg"
],
最后就是background.style了,大家看着設置就好了,懂點css的都知道。注意后面的"opacity": 0.1透明度是可以設置的。
好啦,到此顯示的就是這樣子了
