[기타] Visual Studio Code 삭제 및 설치(+ 확장 프로그램, 들여쓰기)

Visual Studio Code 에러 확인

 

시작하기에 앞서 기존에 설치된 VSCode 실행 시 접속되지 않는 에러가 발생했다.

 

터미널에서 'code --verbose' 를 입력하면 해당 에러 내용을 확인할 수 있다. (정상적이라면 VSCode가 바로 실행된다.)

 

 

에러를 확인해보니 잘못된 업데이트로 인한 문제임을 확인할 수 있었다.

결국, VSCode 삭제 후 재설치 작업을 진행했다.

 

Visual Studio Code 삭제

 

1. 플러그인 삭제

C:\Users\사용자이름\.vscode 폴더 삭제

 

 

2. 개인 설정 파일 삭제

C:\Users\사용자이름\AppData\Roaming\Code 폴더 삭제

(AppData 폴더가 보이지 않으면 숨김 설정 해제)

 

 

3. 제어판에서 'Microsoft Visual Studio Code (User)' 삭제

 

 

Visual Studio Code 설치

 

1. 아래 URL 접속 후 운영체제에 맞게 다운로드

https://code.visualstudio.com/Download

Download Visual Studio Code - Mac, Linux, Windows

 

※ Windows의 경우

User Installer로 다운로드할 경우 C:\Users\wjddn\AppData\Local\Programs\Microsoft VS Code 위치에 설치되고,

System Installer로 다운로드할 경우 C:\Program Files\Microsoft VS Code 위치에 설치된다.

 

 

2. Visual Studio Code 설치 진행 완료

 

Visual Studio Code 확장 프로그램 설치

 

1. 한국어 번역

Korean Language Pack for Visual Studio Code 설치 후 재실행

 

 

2. 아이콘 테마 설정

Material Icon Theme 설치 후 적용

 

왼쪽 하단의 톱니바퀴 → 파일 아이콘 테마 클릭

Material Icon Theme 선택

 

3. Vue.js highlighter(문법 색깔 넣기)

Vetur 설치 후 재실행

 

 

3. Git GUI

Git Graph 설치

설치 후 Source Control(①) → View Git Graph(②)를 클릭하면 Git History 확인 가능

 

 

Visual Studio Code 들여쓰기 설정

 

왼쪽 하단 톱니바퀴 → 설정 → indentation 검색 후 Tab Size 2로 변경