VSC) Visual Studio Code 설치 및 Extension 설치

1) Visual Studio Code 설치

 

https://code.visualstudio.com/

 

 

 

 

 

2) 설치 설정

 

 

체크박스를 모두 체크한다. (단, 바로가기 만들기는 선택사항)

 

 

 

 

 

3) VSC 커스터마이징 (꾸미기)

 

좌측 세로로 나열된 5개의 아이콘 중, 맨 아래인 Extension 클릭.

 

검색창 (Search Extension in MarketPlace) 에서 아래의 추천 Extension 설치.

 

 

* ESLint /  Prettier / Material Theme / Material Icon Theme

 

 

- Material Theme: 기본 에디터(VSC)의 테마 설정. Set Color Theme에서 원하는 테마 선택할 수 있음.

 

- Material Icon Theme: 에디터에서 사용하는 아이콘의 테마 설정.

 

- ESLint: 고퀄리티의 JavaScript 코드를 작성하기 위한 일종의 코드 스타일 가이드.

                ... 문법적인 오류를 찾아주고 일관된 코드 스타일로 작성하도록 도와준다. 

 

- Prettier: 모든 코드가 일관된 스타일을 준수하도록 만들어준다.

 

 

 

 

참고)

- https://nomadcoders.co/windows-setup-for-developers

- https://velog.io/@poagg42/ESlint-Prettier