티스토리 뷰
목차
Visual Studio Code는 통칭 VSCode라고 불리며, 마이크로소프트가 무료로 배포하는 오픈 소스 기반 텍스트 편집기입니다.
2015년 프리뷰 버전으로 제공을 시작했으며, 최신 1.39.2까지 업데이트되었습니다.
출시 초기부터 많은 프로그래머나 웹디자이너들의 지지를 받았고, Sublime Text, Vim 등에서 갈아타는 엔지니어도 적지 않았습니다. 또한, Visual studio라고 명명되어 비주얼스튜디오에서 파생된 것으로 생각할 수 있지만, 직접적인 파생 관계가 없는 전혀 다른 IDE(통합 개발 환경)입니다.
저 역시, 웹 개발을 시작하게 되어 vscode 설치할 일이 생겼네요. 간단하게 정리했는데, 설치 과정이 그만큼 간단합니다. 먼저, visual studio code 설치 방법 알려드리고, 한글 설정하는 방법(한글팩 설치)을 이어서 설명할게요. 참고로, vscode는 영문 설치만 가능합니다.
1. vscode 설치
설치 파일 다운로드 사이트 : Download Visual Studio Code [링크]
위 사이트로 이동해 개발 환경에 맞는 설치 파일을 다운로드하세요. 전 윈도우10 64 비트가 개발환경이라 이를 기준으로 비주얼 스튜디오 코드 설치 방법을 소개합니다.
저는 바로 위에 User Installer 64 bit를 다운로드했습니다.
다운로드된 설치 파일을 더블 클릭하여 실행합니다.
이후 과정은 "다음(N) >"만 눌러주면 되는데 중간에 설정 체크할 부분은 알아서 결정하시면 됩니다.
vscode 설치가 끝났습니다.
설치가 완료되면 비주얼스튜디오와 비슷한 메인 화면이 확인됩니다. 비주얼 스튜디오 코드 UI도 별반 다르지 않아 익숙해서 보기 좋네요.
프로그램 개발은 IDE에서 이뤄지는 경우가 많습니다. 기능이 많은 IDE일수록 성능 저하가 빈번한 편인데요. VSCode는 가벼운 텍스트 편집기라서 프로그램 소스 코딩, 수정이 간편합니다.
visual studio code는 영문판 설치밖에 지원되지 않으니, 이어서 한글팩을 설치해보도록 하겠습니다.
2. vscode 한글화 - 확장 프로그램 설치
메인화면 왼쪽의 돋보기를 클릭합니다.
검색창에 korean을 타이핑하세요. 맨 위에 korean language pack이 보입니다. 이걸 클릭하세요.
아래 화면처럼 설치가 완료되면 Uninstall로 텍스트가 바뀌고 오른쪽 아래에 재시작 버튼이 활성화됩니다.
Korean Language Pack for Visual Studio Code 설정
# VS Code용 한국어 팩
설치가 완료되면 locale.json에서 "locale" : "ko"를 설정하여 한국어 팩을 로드합니다. locale.json을 수정하려면 Ctrl+Shift+P를 눌러 명령 팔레트를 불러온 이후 "config"를 입력하여 사용 가능한 명령 목록을 필터링합니다. 그다음 언어 구성 명령을 선택합니다.
locale.json 수정하라고 나오는데, 전 자동으로 설정되더라고요.
만약 한글팩 설치했는데 한글로 안 나오면 수정해 보세요. 전 안 했습니다.
오른쪽 아래 Restart Now 눌러서 재시작하면 아래처럼 한글팩 설정된 vscode 메인화면을 만날 수 있습니다.
추가로 visual studio code를 계속 사용할 예정이라면, 아래 확장 프로그램 설치 방법도 참고해 보세요. 유용한 확장 프로그램 설치하여 사용하는 게 편리하답니다.
참고 : VSCode 확장프로그램 12개 추천 - 1.33 버전
감사합니다!