vscode設置背景圖片

最近在知乎上看見有人設置了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透明度是能夠設置的。

好啦，到此顯示的就是這樣子了