VS CODE에 다음과 같이 바탕화면을 만들어서 에디터를 좀 더 이쁘게 꾸며보자

{{:vscode바탕화면튜닝.png?600|VS Code 바탕화면 튜닝}}

===== 1. 설치하기 ===== 

Extensions(확장) 탭에서 "background" 를 선택하여 설치한다. 

주소는 다음과 같다. 

[[https://marketplace.visualstudio.com/items?itemName=shalldie.background|https://marketplace.visualstudio.com/items?itemName=shalldie.background]]
  
 

===== 2. 그림 파일 구하기 =====

백그라운드에 설치할 그림 파일들을 구한다. 

[[:빙월페이퍼_오늘의바탕화면_그림_저장하기|윈도우즈 오늘의 바탕화면 그림 저장하기]]를 이용하면 



바탕화면으로 적당한 그림 파일들을 다수 얻을 수 있다. 


===== 3. 셋팅 하기 ===== 

설정(Ctrl + ,)에서 background로 검색하면 설정 부분이 나온다. 

이 중 "setting.json"을 바로 수정하기로 한다. 

images 항목을 다음과 같은식으로 경로를 정해주면 된다. 

<file javascript settings.json>
{
    "editor.minimap.enabled": false,
    "love2DLauncher.path": "D:\\OneDrive\\GameDev\\love-11.4-win64\\love.exe",
    "editor.fontSize": 16,
    "window.zoomLevel": 1,
    "workbench.colorTheme": "Default Dark+",
    "background.fullscreen": {
        "images": ["file:///C:/Users/user/Pictures/today/today.png", "file:///C:/Users/user/Pictures/today/today2.png", 
        "file:///C:/Users/user/Pictures/today/today3.png", "file:///C:/Users/user/Pictures/today/today6.png",
        "file:///C:/Users/user/Pictures/today/today7.png", "file:///C:/Users/user/Pictures/today/today9.png",
        "file:///C:/Users/user/Pictures/today/today10.png"],
        "opacity": 0.8,
        "size": "cover",
        "position": "center",
        "interval": 300
    },
    "background.style": {

        "content": "''",
        "pointer-events": "none",
        "position": "absolute",
        "z-index": "99999",
        "width": "100%",
        "height": "100%",
        "background-position": "100% 100%",
        "background-repeat": "no-repeat",
        "opacity": 1
    }
}

</file>  


interval은 초 단위다. 따라서 5분마다 바탕화면을 바꾸려면 interval을 300으로 설정하는 것이 좋다. 


===== 4. 기타 ===== 

바탕화면 변경 확장프로그램은 VS Code의 css를 변경하기 때문에 경고 문구가 뜬다. 

이러한 경고문구가 보기 싫다면 해당 토스트 메시지에서 
 
그냥 다시는 알리지 말라고 눌러주면 된다.