淺析VSCode中怎么配置背景圖片(插件分享)

vscode中怎么配置背景圖片?下面本篇文章給大家介紹一下vscode中通過插件設置背景圖片的方法,希望對大家有所幫助!

淺析VSCode中怎么配置背景圖片(插件分享)

vscode設置背景圖片的方法

1、在vscode擴展中,找到background這個插件并安裝。【推薦學習:《vscode》】

淺析VSCode中怎么配置背景圖片(插件分享)

2、打開 settings.json設置,設置自己喜歡的背景圖

打開 文件>首選項>設置

淺析VSCode中怎么配置背景圖片(插件分享)

    // background相關配置 Start      "background.useDefault": false,  // 是否使用默認圖片,改成false不默認,設置自己想要的     "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相關配置 End

3、效果

淺析VSCode中怎么配置背景圖片(插件分享)

4、設置背景圖后,Vscode標題欄出現【不受支持】提示的解決

擴展商品:Fix VSCode Checksums

淺析VSCode中怎么配置背景圖片(插件分享)

?安裝好插件后 ctrl + shift +p 命令面板:輸入命令,重啟后就好了

Fix Checksums: Apply

注意:

  • 安裝和設置后要重啟vscode

  • 以管理員身份運行vscode

  • 安裝后有報錯,設置不再提示就好

更多關于VSCode的相關知識,請訪問:vscode

? 版權聲明
THE END
喜歡就支持一下吧
點贊13 分享