VS Code 이쁘게 세팅하기

1. Shortcut

일단 나는 이클립스에서 쓰던 단축키인 Ctrl + D (한줄 지우기)를 엄청 많이 사용하는데, 

VS Code는 복잡한 키로 설정되어 있다.

단축키 변경은 아래와 같이 할 수 있다.

Ctrl + K 를 누르고, 다시 Ctrl + S 를 누르면 바로가기 키가 뜬다.

줄 삭제를 눌러서 Ctrl + D 를 설정하고 겹치는 키가 있으면 삭제하면 된다.

2. Theme

색상을 좀 바꿔보고 싶을 때 사용한다.

ctrl + shift + x 를 누르면 확장 설치를 할 수 있는데,

material theme 을 검색해서 가장 상위에 뜨는걸 설치하고

테마를 선택해서 적용하면 된다.

나중에라도 '색 테마 설정'을 누르면 변경이 가능하다.

3. Theme ICON

2번과 같은 방식으로 'material icon theme' 을 검색 하고 설치해서 적용한다.

아이콘들이 아주 맛있게 바뀌어 있는 것을 볼 수 있다.

4. Font

ctrl 과 , 를 누르면 setting 창이 뜨는데, 

왼쪽에 텍스트 편집기 - 글꼴을 누르면 폰트를 지정할 수 있다.

'settings.json 에서 편집'을 누르면 아래와 같이 직접 설정 할 수도 있다.

Fira Code는 여기(https://github.com/tonsky/FiraCode)에서 다운받고 .ttf 파일을 열어서 설치하면 된다.

{

    "window.zoomLevel": 1,

    "workbench.colorTheme": "Material Theme Palenight High Contrast",

    "workbench.iconTheme": "material-icon-theme",

    "editor.fontFamily": "'Fira Code', 'monospace'",

    "editor.fontLigatures": true

} 

특히 Fira Code의 fontLigatures 를 true로 설정한 다음, VS Code를 재실행 하면

아래와 같이 Arrow나 비교하는 특수 기호들이 이쁘게 바뀌는 것을 볼 수 있다.