본문 바로가기
React

Visual Studio Code 설치하기

by Benihs 2024. 11. 19.

Visual Studio Code(VS Code)란?

비쥬얼 스튜디오 코드 일명 vs code란 Microsoft에서 개발한 오픈 소스 코드 편집기이다.

가볍고 빠르면서도 많은 기능들이 있고 여러 프로그래밍 언어를 한번에 다룰 수 있어 많은 개발자들이 사용한다.

 

Visual Studio Code의 주요 특징

  1. Extensions: vs code에서는 Extensions(확장)을 설치해 기능을 확장할 수 있다. (ex. ESLint, Prettier, Live Server)
  2. Git: 내장 Git 지원으로, 코드 변경 사항을 관리하고 커밋, 푸시, 풀 등의 작업을 바로 수행할 수 있다.
  3. 강력한 디버깅: 브라우저 또는 애플리케이션의 디버깅을 바로 실행할 수 있다. 디버깅 콘솔, 변수 검사, 중단점 설정 등
  4. IntelliSense: 변수, 함수, 클래스 등을 자동으로 완성해주는 기능이 내장되어 있어 생산성을 높여준다.

Visual Studio Code 설치

VS code를 설치하려면 해당 사이트에 들어가야한다.

Visual Studio Code site

그럼 이렇게 메인 페이지가 나오는데 다운로드 버튼이 중간과 우상단, 두 곳에 있다.

둘 중 하나만 눌러도 다운로드가 가능하지만 두 버튼이 어디로 이어지는지 설명해보겠다.

1. 먼저 가운데에 있는 버튼을 누른다면

중간 Download for Windows 버튼 클릭 후 화면

윈도우용 최신 버전으로 다운로드가 진행되면서 위 페이지로 넘어가게 된다.

 

2. 우상단에 있는 버튼을 클릭하게 된다면

우상단 Download 버튼 클릭 후 화면

 

우리가 알고 있는 다운로드 페이지로 넘어오게 된다.

여러가지 버전과 운영체제에 맞게 다운로드 할 수 있다.

 

다음 과정이다.

  1. 다운로드를 끝내고 설치파일을 실행시킨다.
  2. 설치할 경로를 선택하고, "Next" 버튼을 클릭합니다.
  3. 추가 옵션을 선택하고, "Next" 버튼을 클릭합니다.
  4. "Install" 버튼을 클릭하여 설치를 진행합니다.
  5. 설치가 완료되면 "Finish" 버튼을 클릭합니다.

Visual Studio Code 설치 확인

vs code 검색

설치가 완료되었다면 위처럼 뜰 것이다.

클릭해서 실행하고 즐거운 코딩을 시작하자.

Next

VS code를 설치했으니 우린 이 안에서 무궁무진한 코딩의 세계를 펼칠 수 있다.

다음엔 vscode에서 다양한 언어를 사용해 프로젝트를 시작해보자.

'React' 카테고리의 다른 글

React 시작하기  (2) 2024.11.18
Node.js 설치하기  (0) 2024.11.17