본문 바로가기

작업 공간/프로그래밍 VSCode 기본 설정

by 서울나기 2020. 1. 24.

VSCode에서 설정을 바꾸려면 [파일 > 기본 설정 > 설정] 혹은 단축키 Ctrl+ , 을 누릅니다.

 

우측 상단에 [설정 열기]를 클릭합니다. setting.json 파일이 열리고 아래와 같이 설정을 저장할 수 있습니다.

 

아래는 비주얼 스튜디오 코드에서 제가 사용하는 설정입니다.

{
    "editor.fontSize": 18,
    "terminal.integrated.fontFamily": "monospace",
    "editor.mouseWheelZoom": true,
    "editor.fontFamily": "Fira Code Retina, D2Coding ligature",
    "editor.fontLigatures": true,
    "editor.wordWrap": "on",    
    "workbench.colorTheme": "Atom One Dark",
}

* 추천하는 기본 셋팅

"editor.mouseWheelZoom": true,

Ctrl + 마우스 휠로 글자 크기를 조절하는 옵션. 은근히 편리합니다.

"editor.wordWrap": "on",

문자열이 길어서 화면을 벗어날 때 페이지에 맞춰서 리사이징 해주는 옵션입니다.

"editor.fontFamily": "Fira Code Retina, D2Coding ligature",
"editor.fontLigatures": true,

폰트 설정과 Ligatures를 설정하는 명령입니다. 이것을 사용하려면 Ligatures를 지원하는 폰트가 설치되어 있어야 합니다. 추천 폰트는 아래 링크로 남겼습니다.

Ligatures는 >=, <=, ==, != 같은 기호를 보기 좋게 바꿔 줍니다.


* 추천하는 Ligatures 코딩 폰트

 

Fira Code Retina

 

tonsky/FiraCode

Monospaced font with programming ligatures. Contribute to tonsky/FiraCode development by creating an account on GitHub.

github.com

Naver D2Coding

 

naver/d2codingfont

D2 Coding 글꼴. Contribute to naver/d2codingfont development by creating an account on GitHub.

github.com

댓글