VSCode中怎么配置背景圖片?下面本篇文章給大家介紹一下VScode中通過插件設(shè)置背景圖片的方法,希望對大家有所幫助!
VScode設(shè)置背景圖片的方法
1、在vscode擴(kuò)展中,找到background這個插件并安裝。【推薦學(xué)習(xí):《vscode入門教程》】
2、打開 settings.json設(shè)置,設(shè)置自己喜歡的背景圖
打開 文件>首選項>設(shè)置
// background相關(guān)配置 Start "background.useDefault": false, // 是否使用默認(rèn)圖片,改成false不默認(rèn),設(shè)置自己想要的 "background.style": { "content": "''", "pointer-events": "none", "position": "absolute", "bottom": "0px", "right": "0", "z-index": "99999", "width": "100%", "height": "100%", "background-position": "0% 0%", "background-size": "cover", "background-repeat": "no-repeat", "opacity": 0.3 }, "background.customImages": [ "file:///C:/VSCodeBackground/ram1.jpg", //圖片的路徑地址 ,最多 3張 // "file:///D:/VSCodeBackground/ram2.png", // "file:///D:/VSCodeBackground/ram3.jpg", ], // background相關(guān)配置 End
3、效果
4、設(shè)置背景圖后,Vscode標(biāo)題欄出現(xiàn)【不受支持】提示的解決
擴(kuò)展商品:Fix VSCode Checksums
安裝好插件后 ctrl + shift +p 命令面板:輸入命令,重啟后就好了
Fix Checksums: Apply
注意:
-
安裝和設(shè)置后要重啟vscode
-
以管理員身份運(yùn)行vscode
-
安裝后有報錯,設(shè)置不再提示就好