본문 바로가기
코딩

비주얼 스튜디오 코드(VS Code) 다운로드 및 설치방법

by 듀콩이 2024. 4. 5.

비주얼 스튜디오 코드(Visual Studio Code)는 마이크로소프트에서 만든 프로그램입니다. 이 비주얼 스튜디오 코드는 코드를 작성하고 실행시킬 수 있는 코드 에디터 중 한 종류로, 코딩을 할 때 코드 에디터가 꼭 필요합니다! 지금부터 VS Code 다운로드 및 설치방법에 대해 알려드리겠습니다.

 

 

 

비주얼 스튜디오 코드 다운로드 및 설치방법

1. 구글 혹은 네이버에 VS Code 다운로드를 검색하면 아래와 같은 창이 나옵니다. Visual Studio Code 홈페이지에 접속해주세요.

 

 

비주얼 스튜디오 코드 다운로드

 

2. Visual Studio Code 홈페이지에 접속하면 아래와 같이 다운로드할 수 있습니다. 다운로드 버튼을 눌러서 설치해주세요.

비주얼 스튜디오 코드 다운로드

 

맥북이나 리눅스등을 사용한다면 다운로드 옆의 화살표를 눌러 자신에게 맞는 운영체제를 눌러주면 됩니다.

비주얼 스튜디오 코드 다운로드

 

3. 다운로드한 비주얼 스튜디오 코드 설치파일을 실행 한 후, 약관에 '동의합니다' 체크하고, '다음'버튼을 눌러주세요.

비주얼 스튜디오 코드 다운로드

 

4. 비주얼 스튜디오 코드가 설치 될 위치를 선택한 후, 시작 메뉴 폴더 선택하고 '다음'버튼을 눌러주세요.

비주얼 스튜디오 코드 다운로드비주얼 스튜디오 코드 다운로드

 

5. 바탕화면에 아이콘 추가 여부를 선택한 후, 기타에서 3번과 4번인 Code을(를) 지원되는 파일 형식에 대한 편집기로 등록합니다와 PATH에 추가(다시 시작한 후 사용 가능)를 체크해 준 후 '다음'버튼을 눌러줍니다.

비주얼 스튜디오 코드 다운로드

 

6. '설치'버튼을 누르면 최종적으로 Visual Studio Code 설치가 완료됩니다. 

 

7. 설치가 완료된 후, VS Code를 열면 아래와 같은 화면이 나옵니다.

비주얼 스튜디오 코드 다운로드

 

비주얼 스튜디오 코드 편집기에 설치하면 좋은 플러그인

 

* VS Code에서 설치하면 좋은 플러그인은 'Live Server'입니다.

해당 플러그인은 아래 사진의 왼쪽 맨 아래에 있는 Extensions(Ctrl + Shift + X)를 누르면 검색할 수 있는 창이 뜹니다.

여기에 Live server를 친 후, Install을 눌러 설치해주면 됩니다. 해당 플러그인을 설치하면 작업중인 화면을 실시간으로 볼 수 있습니다.

비주얼 스튜디오 코드 다운로드

 

 

비주얼 스튜디오 코드 다운로드