VisualStudioCode設(shè)置自定義背景圖片的方法

這篇文章主要介紹VisualStudioCode設(shè)置自定義背景圖片的方法，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

VSCode對于開發(fā)人員來說是一款插件最豐富的集成開發(fā)工具，VSCode開發(fā)工具設(shè)置自定義背景圖片插件教程

Visual Studio Code設(shè)置自定義背景圖片

1、在VS Code擴(kuò)展中搜索 background ，就能找到如圖這個(gè)插件點(diǎn)擊下載

2、之后打開文件 ->首選項(xiàng) ->設(shè)置

3、在設(shè)置中找到常用設(shè)置，找到如下圖的框選的settings.json/也可以設(shè)置搜索中搜索 Associations/

4、在settings.json輸入如下

代碼如下：注意路徑

{

"background.enabled": true,

"background.useDefault": false,

"background.customImages": [

"file:///E:/image/2.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

},}

5、重啟以后，背景圖就是你自己改的那張啦。

注：程序中代碼解析如下

       "background.enabled": true,是插件是否啟用，當(dāng)我們把插件下載下來并且重啟VS code之后，就已經(jīng)有了這句話

       "background.useDefault": false,是否使用默認(rèn)圖片，false是不使用默認(rèn)圖

       "background.customImages"，這是一個(gè)數(shù)組，也就是說可以設(shè)置多張不同的圖片！記住，最多三張！  "E:/image/2.jpg" 是圖片的路徑地址，想顯示3張圖，要分欄才會(huì)顯

以上是VisualStudioCode設(shè)置自定義背景圖片的方法的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！