사용자 도구

사이트 도구


vscode:vs_code_에_바탕화면_설정하기
vs code 에 바탕화면 설정하기

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

VS Code 바탕화면 튜닝

1. 설치하기

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

주소는 다음과 같다.

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

2. 그림 파일 구하기

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

윈도우즈 오늘의 바탕화면 그림 저장하기를 이용하면

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

3. 셋팅 하기

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

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

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

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
    }
}

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

4. 기타

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

이러한 경고문구가 보기 싫다면 해당 토스트 메시지에서

그냥 다시는 알리지 말라고 눌러주면 된다.

로그인하면 댓글을 남길 수 있습니다.

vscode/vs_code_에_바탕화면_설정하기.txt · 마지막으로 수정됨: 2023/10/08 21:42 저자 이거니맨