給vscode添加自定義背景圖片

一,先在vscode裏面下載擴展插件“background”,默認會有一張背景圖,也可以自己定義。

二,找到並打開打開settings.json

在這裏插入圖片描述

三,添加如下代碼

{
//background 的相關配置
"update.enableWindowsBackgroundUpdates": true,
"background.customImages": [
	    //本地圖片的位置,唯一需要改的地方
    "C:/Users/hp/Pictures/Camera Roll/2.jpg" ,
    "C:/Users/hp/Pictures/Camera Roll/2.jpg"
],
"background.style": 
    {
    "content":"''",
    "pointer-events":"none",
    "position":"absolute",//圖片位置
    "width":"100%",
    "height":"120%",
    "z-index":"99999",
    "background.repeat":"repeat-Y",
    "background-size":"cover",//圖片大小
    "opacity": 0.2 //透明度
},
"background.useFront": true,
"background.useDefault": false,
"editor.fontSize": 21, //是否使用默認圖片
}

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章