[IDE]비주얼 스튜디오 코드 설치 및 실행하기

HTML 에디터로 "Atom"을 추천한 적이 있는데, 이번에 소개할 것은 Visual Studio Code이다.

HTML뿐만 아니라 C, Phyton 등 다양한 언어 지원과 오픈소스가 제공, 다양한 확장 기능에 게다가 무료인 IDE로 코딩을 공부하기 시작한 분들은 아마 한 번쯤 들어봤을 것 같다.

바로 설치를 시작해보자!

 

1. 설치

​먼저 아래 사이트에 접속한 뒤 각자 운영체제에 맞게 다운로드 한다.

Visual Studio Code - Code Editing. Redefined

 

​※ stabel 버전은 안정적인 버전으로 버그를 최소화 한 버전
※ insders 버전은 최신 버전의 기능을 사용할 수 있는 버전으로, 불안정한 기능 내포
(최신 기능이 필요한 특수한 경우가 아니라면 "stable" 버전 설치를 권장한다.)

화면 아래 쪽에 다운된 파일 클릭 후 설치를 시작한다.

사용권 계약 동의, 설치 경로 설정 후 추가 작업 기능을 선택하면 설치가 완료된다.

※ 디폴트값은 아래 두개만 체크되어있지만, 저는 4개 다 체크했습니다.
- "Code(으)로 열기" 작업을 Windows 탐색기 파일/디렉터리의 상황에 맞는 메뉴에 추가
  : 파일이나 폴더를 비쥬얼 스튜디오 코드로 열 수 있는 기능을 제공한다.

 

2. 실행

​실행하면 화면 왼쪽 하단에 언어팩 확장 기능 설치 여부를 묻는 탭이 뜨는데, 한국어로 사용하고 싶다면 설치하면 된다.

이제 작업할 파일을 만들어 보겠다.

File - New File 클릭 혹은 단축키 Ctrl + N을 누른다.

다음은 파일을 저장시킬 폴더를 선택한다.
File - Save 클릭 / Ctrl + S

​
원하는 곳에 폴더를 만들거나 미리 만들어 두었던 폴더에 파일 이름을 정하고 저장 버튼을 누른다.

​나는 바탕화면의 HTML 폴더에 work1이란 제목의 html 파일을 만들었다.

​
그럼 환면 왼쪽 하단에 언어가 HTML로 인식된 것을 볼 수 있다.ㅍ만약, 원하는 언어로 바뀌지 않았다면 직접 설정을 해주면 된다.

​
이렇게 하면 코드를 작성할 준비가 됐다.

에디터 Atom과 마찬가지로 비주얼 스튜디오 코드에서도 아래와 같이 자동으로 필요한 코드를 입력해주니 효율적으로 활욯하면 좋을 것 같다.