02 Visual Studio Code 설치 / 삭제 + 설치하면 좋은 확장 프로그램 / 테마 변경

---

Visual Studio Code(비주얼 스튜디오 코드) 설치

 

비주얼 스튜디오 코드는 매우 간단해 설치하는데 전혀 어려움이 없다 :)

 

 

1. 아래 URL을 클릭한다 ( 비주얼 스튜디오 코드 내 다운로드 사이트)

 

code.visualstudio.com/download

Download Visual Studio Code - Mac, Linux, Windows

 

 

2. 자신에게 맞는 운영체제로 다운을 한다.

 

 

 

3. 다운로드한 파일을 더블 클릭 후 별도로 설정할 것 없이 설치하면 끝 !

 

 

Visual Studio Code(비주얼 스튜디오 코드) 삭제

 

삭제는 아래와 같이 진행하면 된다 :)

 

1. 윈도우 검색 -> 프로그램 추가/제거 -> visual studio code 검색 -> 삭제
2. C:Drive -> 사용자 -> admin(현재 로그인한 사용자 폴더) -> .vscode 폴더 삭제
3. C:Drive -> 사용자 -> admin(현재 로그인한 사용자 폴더) -> AppData  -> Roaming -> Code 폴더 삭제

 

 

 

확장 프로그램

 

확장 프로그램은 아래 이미지의 노랑 박스를 클릭 후 검색하면 된다

저는 이미 설치해놓은 상태여서 변경되어 있는 점 감안 부탁드립니다 <( _ _ )>

 

 

 

1. 한국어 번역

 

확장 > korean 검색 > Microsoft에서 제공하는 Korean Language Pack for Visual Studio Code 다운 > 재실행

 

 

2. live server

 

확장 -> live server 검색 -> live server를 설치

 

 

live server란?

원래 코드를 실행할 시 브라우저 내에서 새로고침을 해야, 수정한 코드가 적용이 되는 번거로움이 있다.

 

하지만 live server는 아래와 같은 방법으로 간단하게 실행할 수 있다

1. 단축키(alt+l -> o)를 이용해서 브라우저를 실행한다.
2. 파일을 저장하면 브라우저 자동 새로고침이 된다. 

 

3. Auto Rename Tag

 

확장 -> auto rename tag 검색 -> auto rename tag를 설치

auto rename tag은 태그를 변경할 때 시작태그를 변경하면 종료태그도 자동으로 변경하는 프로그램이다

 

 

 

---

비주얼 스튜디오 코드 테마 변경 하는 방법

 

파일 > 기본설정 > 색테마 > 원하는거 테마 선택 > 끝!

 

제가 테마의 종류가 더 많은 것은 확장프로그램에서 material Theme를 다운해서 입니당

(이건 유용한건 아니고...이쁩니다...이쁜거 최고...( •̀ ω •́ )👍)