[VSCode] Visual Studio Code extension 추천

주로 자바 개발을 진행하지만 현재 회사에선 React, node 등 유지보수를 진행하여 VSCode를 자주 사용하고 있다.

유용하게 사용되는 extension들을 소개하려고 한다.

1. Project Manager

Project Manager의 경우 여러 프로젝트를 볼 때 유용하다.
프로젝트를 일일이 열 필요도 없고, 여러 프로젝트를 한 번에 봐야할 때 자주 쓰고 있다.

2. CSS Formatter

CSS를 순서대로 정렬해주는 확장프로그램이다.

3. Live Server

로컬에서 실시간으로 확인할 수 있다. 우측 하단에 Go Live 선택 시 브라우저에서 확인이 가능하다.

4. Prettier - Code formatter

코드 자동 정렬 확장 프로그램이다.

5. PostCSS Sorting

원하는 선언순서에 맞게 css 속성들을 정렬해준다.

6. ESLint

코드에서 오류를 미리 알려주는 확장 프로그램이다.

7. Auto Rename Tag

html 태그 수정 시 같이 수정되는 확장 프로그램이다.

8. Auto Close Tag

html 태그를 자동으로 닫아줘서 편리하다.

9. Auto-Open Markdown Preview

Markdown 파일을 미리 볼 수 있는 확장 프로그램이다.

개발은 이러한 확장 프로그램을 사용하면 시간을 단축할 수 있기 때문에 최대한 활용하는 것이 좋다고 생각한다. 이 밖에도 자주 쓰는 것들이 있으면 올리도록 하겠습니다~