VS code 코딩프로그램 배경화면테마 바꾸기 (테마적용)(+초보자용 .json 설정값)

 

1. 아래의 사이트 or 프로그램 내부에 background 를 검색하여 프로그램을 받습니다.
marketplace.visualstudio.com/items?itemName=shalldie.background

 

 

visual studio 내부의 마켓플레이스에서 검색할시
동방프로젝트 캐릭터, 마리사가 반겨주네요!

(역시 동덕들;; 어마무시한 기술력...)

 

 

 

 

 

 

 

 

 

 

 

2. 설치 후 톱니바퀴 버튼을 눌러 확장설정에 진입합니다.

 

 

 

 

 

 

3. '기존이미지를 사용?' (동프덕후라면 사용할만도?)

체크박스를 사진과 같이 해제 해줍니다.

 

이후에 편집링크를 클릭하여 .json에 진입합니다.

 

 

 

 

 

 

4. 스크린샷에 나온것처럼 사진이 들어있는 위치를 잡아줍니다.

※ 파일명에 한글 들어가면 안됩니다.

background position(사진을 어디에 띄울건지)

opacity(투명도 조절=0.1~1) 를 조정하여 마음껏 꾸밉니다.
 

 

 

 

5. 설정값을 모두 변경하고 Ctrl+S로 저장하면,

아래와 같이 프로그램 재실행 문구가 뜹니다.

재시작 후 적용완료!

 

(+ 여러곳에서 사용하는거라면 이미지 주소를 복붙해서 넣는게 낫습니다
<컴퓨터 저장이미지를 쓰다가 경로이탈or삭제시 배경도 없어짐)

  

 

 

저는 이상한 사진으로 했지만..

테스트용이라 곧 바꾸렵니다 ㅎㅎ

다들 최애덕질 하면 일/공부 하자구욧~!

 

 

 

 

 

 

+) 아래의 코드는 초보들이 VS Code를 사용할때 빠른 숙달을위해

자동 들여쓰기, 태그 자동완성 등등의 기능을 없앤 저의 설정값 입니다.

시작하는 분들에게 추천하오니 json에 덮혀쓰시면 좋을것같네요!

 

++)취소선은 빼고 복붙하시면 됩니다/

+++) 폰트크기나 탭 들여쓰기 같은것(bold처리)은 취향껏!

 

 

 

{

    "editor.autoClosingOvertype": "never",

    "editor.autoClosingDelete": "never",

    "editor.autoClosingBrackets": "never",

    "editor.autoClosingQuotes": "never",

    "typescript.autoClosingTags": false,

    "javascript.autoClosingTags": false,

    "html.autoClosingTags": false,

    "editor.autoIndent": "none",

    "editor.suggest.showStatusBar": true,

    "editor.snippetSuggestions": "none",

    "editor.acceptSuggestionOnCommitCharacter": false,

    "editor.fontSize": 20,

    "editor.tabSize": 2,

    "editor.suggest.showUsers": false,

    "editor.suggest.showMethods": false,

    "editor.suggest.showOperators": false,

    "editor.suggest.showIssues": false,

    "editor.suggest.showFiles": false,

    "editor.suggest.showEnumMembers": false,

    "editor.suggest.showWords": false,

    "editor.suggest.showVariables": false,

    "editor.suggest.showValues": false,

    "editor.suggest.showTypeParameters": false,

    "editor.suggest.showUnits": false,

    "editor.suggest.showStructs": false,

    "editor.suggest.showSnippets": false,

    "editor.suggest.showReferences": false,

    "editor.suggest.showModules": false,

    "editor.suggest.showKeywords": false,

    "editor.suggest.showFunctions": false,

    "editor.suggest.showInterfaces": false,

    "editor.suggest.showFolders": false,

    "editor.suggest.showProperties": false,

    "background.useDefault": false,

    "background.customImages": [

 

"D:/Dm yuri/MyPhoto_1130441385_0108.jpeg"

 

],

"background.style": {





    "content": "''",

    "pointer-events": "none",

    "position": "Absolute",

    "z-index": "99999",

    "width": "100%",

    "height": "100%",

    "background-position": "50% 50%",

    "background-repeat": "no-repeat",

    "opacity": 1

},

}