개발/Vue JS

WINDOW에서 Vue JS 시작 전에 툴(tool) VSCode(Visual Studio Code) 설치 방법

TaeDy.I.T. 2023. 3. 1. 06:29
반응형

안녕하세요. 오늘은 WINDOW에서 Vue JS를 시작하기전 툴(tool) VSCode(Visual Studio Code)를 설치하는 방법에 대해 알아보겠습니다.

 

1. 아래 VSCode(Visual Studio Code) 다운로드 URL로 접속합니다.

https://code.visualstudio.com/download

 

Download Visual Studio Code - Mac, Linux, Windows

Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applications.

code.visualstudio.com

 

2. VSCode(Visual Studio Code) 다운로드 사이트에 접속해서 본인에게 맞는 스펙과 버전을 선택하여 다운로드 합니다.

VSCode(Visual Studio Code) 다운로드
VSCode(Visual Studio Code) 다운로드

 

3. 다운받은 VSCodeUserSetup-x64-1.75.1.exe 파일을 실행 합니다.

 

4. 동의를 하고 다음을 클릭합니다.

Visual Studio Code 동의
Visual Studio Code 동의

 

5. 설치 경로를 선택 후 다음을 클릭합니다. 저는 그냥 기본 경로를 변경하지 않고 다음을 클릭하였습니다.

Visual Studio Code 설치경로
Visual Studio Code 설치경로

 

6. Visual Studio Code 시작메뉴 폴더를 선택하고 다음을 클릭합니다. 저는 기본을 수정하지 않고 다음을 클릭하였습니다.

Visual Studio Code 시작메뉴 폴더선택
Visual Studio Code 시작메뉴 폴더선택

 

7. Visual Studio Code 추가 작업을 선택 후 다음을 클릭합니다. 저는 바탕화면에 바로가기 만들기를 선택 후 다음을 클릭하였습니다.

Visual Studio Code 추가 작업을 선택
Visual Studio Code 추가 작업을 선택

 

8. Visual Studio Code 설치 준비 완료가 되었습니다. 셋팅 정보를 확인 후 설치를 클릭합니다.

Visual Studio Code 설치 준비 완료
Visual Studio Code 설치 준비 완료

 

9. Visual Studio Code 설치가 되고있습니다.

Visual Studio Code 설치
Visual Studio Code 설치

10. Visual Studio Code 설치 완료되었습니다. 종료를 클릭합니다.

Visual Studio Code 설치 완료
Visual Studio Code 설치 완료

 

오늘은 간단하게 Vue JS를 시작하기전에 Vue JS 사용하기 위한 툴(tool)인 VSCode(Visual Studio Code)를 설치간단하게 해보았습니다.

다음에는 Vue JS를 시작하기 위해 Node JS를 설치 해보겠습니다.

 

이상 WINDOW에서 Vue JS를 시작하기전 툴(tool) VSCode(Visual Studio Code)를 설치하는 방법에 대해 알아보았습니다.

반응형