[VSCode] 유용한 플러그인 설치 및 설정

[플러그인 설치 방법]

---

VSCode에서 플러그인을 설치하는 방법은 아래와 같다.

VSCode를 열고 위에 표시해놓은 부분을 클릭하면 설치할 수 있는 플러그인 목록이 출력된다.

설치할 플러그인을 검색창을 통해 검색한 후에 Install 버튼을 클릭해서 설치하면 된다.

 

[추천 플러그인]

---

1. Vetur

- VSCode에서 Vue 개발을 위해 사용하는 플러그인

- vue파일에 대한 코드들의 자동 완성 등을 제공한다.

TODO 실사용 캡쳐

 

2. Material Icon Theme

- VSCode에서 사용되는 아이콘들을 변경해주는 플러그인

- 기본 아이콘들로는 무슨 파일인지 확인하기 어려울 수 있는데, Material Icon Theme에서는 파일 확장자 별로 아이콘을 각각 지정해주기 때문에 개발할 때, 보기 편하다.

- 적용 방법

- File > Preferences > File Icon Theme 를 클릭하면 아래와 같이 아이콘 테마 목록이 출력되는데, 그 중 Metarial Icon Theme를 선택해주면 적용된다.

 

3. Night Owl

- 코드 하이라이팅 플러그인

- 화면에 보이는 것 처럼 React, Vue, Angular js 등 각 프레임워크 별로 문법에 맞게 하이라이팅이 적용된다.

- 실제 개발할 때, 기본 하이라이팅보다 조금 더 가독성이 좋다.

- 적용 방법

- File > Preferences > Color Theme 을 클릭하면 아래와 같이 색 테마 목록이 출력되는데, 그 중 Night Owl을 선택해주면 적용된다.