[VSCode] 효율적인 작업을 위한 확장프로그램 설치하기

오늘은 VSCode의 다양한 확장프로그램을 알아보고

나한테 맞는 내가 필요할법한 확장 프로그램을 설치해보겠습니다.

 

어떤 확장프로그램들이 인기 많은지 확인하기 위해

VSCode 공식 사이트에 방문해서 확인했어요.

https://marketplace.visualstudio.com/search?target=VSCode&category=All%20categories&sortBy=Installs

All categories Extensions for Visual Studio Code in Marketplace

 

 

사이트에 들어가서 인기있는 확장프로그램 리스트를 보니 정말 다양했어요.

이걸 다 다운받을순 없으니 필요한것들 몇가지만 추려 진행해볼 예정이에요.

 

 

우선 첫번째, Prettier - Code formatter로 소스코드를 보기 좋게 해주는걸 다운 받겠습니다.

 

 

설명에 적힌대로 VSCode를 열고 Ctrl + P 를 누르고 아래 커맨드를 입력해줍니다.

ext install esbenp.prettier-vscode

 

 

그럼 아주 간편하게 install창이 뜨고 Trust Publisher & Install을 클릭하여 진행해줍니다.

 

 

다음은 indent-rainbow라는 들여쓰기를 보기 편하게 해주는 프로그램도 궁금하니까 받아볼게요.

 

 

이건 따로 이름 검색으로 받아줄게요. Trust Publisher & Install 클릭!

 

 

Korean Language Pack for Visual Studio Code 한국어 언어팩도 설치해줄게요!

이건 install하게되면 VSCode 재시작을 해야 적용이 됩니다.

 

 

그리고 open in browser도 받아줄게요!

이건 HTML 파일을 바로 웹 브라우저로 실행해주는 확장 프로그램이에요.

 

 

또 다른 필수템으로 ESLint도 Install해줄게요.

자바스크립트/타입스크립트 문법 오류, 스타일 자동 검사하는 확장 프로그램으로

앞으로 스크립트 사용이 많을거같아 유용할거같아요.

 

 

다음은 Path Intellisense에요.

파일 경로 자동 완성해주는 유용한 확장프로그램으로 경로 입력시에 아주 편할거같아요.

 

 

우선은 이렇게 기본적인 6개 받아두고

앞으로 진행할 사이드 프로젝트에서 어떤 언어와 환경을 쓸지에 따라

확장 프로그램은 추가적으로 받도록 해야겠어요~!