사용자 도구

사이트 도구


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
    }
}
로그인하면 댓글을 남길 수 있습니다.

vs_code_에_바탕화면_설정하기.1690359030.txt.gz · 마지막으로 수정됨: 2023/07/26 17:10 (바깥 편집)