Visual Studio Code 비주얼 스튜디오 코드 폰트설정하기

Visual Studio Code 비주얼 스튜디오 코드 폰트설정하기 

---

 프런트 전문 개발자가 아니랄까? 가끔씩 도서관에서 빌려오는 자바스크립트 기반의 책 예제를 따라 할 때마다 비주얼 스튜디오코드를 코딩 툴로 사용하는데 할 때마다 잊어버리네요.
구글링하면서 설정 따라 하는 것도 나이가 드니 깜박 잊어버립니다.
그래서 쓸데 없이 시간 낭비하지 않고 딱 기본 기능만 익혀서 바로 예제를 따라 할 수 있는 환경을 기억해둡니다.
한글 기준으로 설명 및 기록해놓습니다.

---

1. 비주얼 스튜디오 코드 폰트 변경

우측 메뉴 상단 파일, 기본 설정

파일, 기본 설정 그리고 설정

요즘 제가 자주 사용하는 쿠키런 폰트입니다. 게임 업계는 사용하면 안 된답니다.
맨 앞에 타이핑하시면 코딩 폰트가 변합니다.

자신이 원하는 폰트를 타이핑 해야됩니다..

쿠키런 폰트 어때요? 이쁘죠?
제가 컴퓨터 포맷을 자주 하는 편이라서 나중에 또 다운로드할 수 있으니 링크를 걸어둡니다.
라이센스 조항을 잘 살피고 사용하시면 될듯합니다.

쿠키런 폰트

쿠키런 폰트 다운로드

쿠키런 폰트

---

2. 비주얼 스튜디오 코드 폰트 크기 변경

왼쪽 상단 파일, 기본설정, 설정, 텍스트편집기, 글꼴 쿠키런 지정 후 아래 사이즈 설정

---

3. 브라우저 바로가기 키 및 확장 프로그램 설치

왼쪽 아이콘 메뉴 위에서 5번째에 마우스 커서를 옮겨서 클릭해보시면 "확장: 마켓플레이스" 메뉴가 왼쪽 슬라이스 창에 나타납니다. 상단에 open를 입력하면 "open in browser" 설치하시면 됩니다. 여러 가지가 있으니 편하신 거 사용해보셔도 되고요. Live Server도 많이 사용하시더군요.
제가 프런트 개발자가 아니어서 그다지 많은 플러그인을 사용해보지 않아서 어떤 게 편리한지 극히 모릅니다.
툴도 자주 사용해봐야 하는데 이런 거 익히는 것도 귀찮네요.
주로 이클립스나 인텔리 J 툴을 사용하므로 이해해주세요.

확장 : 마켓 플레이스

html을 작성하고 " Alt + B "를 누르면 브라우저가 실행됩니다.

Alt + B 클릭 시 브라우저 실행