[VSC] 개발자 VisualStudioCode 확장 프로그램 추천

비쥬얼 스튜디오 코드_VSC(VisualStudioCode)에서 추천하는 확장 프로그램(extension)

vscode는 여러가지 extension들을 통해서 쉽고 빠르게 커스터마이징하여 개발에 여러 도움을 받을 수 있다.

아래는 알고있으면 유용하게 사용가능한 extension이다.

 

Eslint

javascript library인 Eslint와 vscode를 연결해준다.

ESLint는 코드 포맷팅/품질 정적 분석 도구이다.

타입을 명시하지 않았다던가, 지역변수를 선언해놓고 사용하지 않는 등 개발할 때 발생할 수 있는 실수들을 미리 지적해주는 역할이다.

주로 코드 품질 관리를 위해서 사용하고, 포맷팅은 Prettier로 처리한다.

https://eslint.org/

Find and fix problems in your JavaScript code - ESLint - Pluggable JavaScript Linter

 

Prettier

javascript library인 Prettier와 vscode를 연결해준다.

Prettier는 코드 포매터이다. 파일을 저장할 때마다 Indentation, 줄바꿈, 세미콜론 등을 알아서 미리 입력한 값으로 설정해준다.

 

Conventional Commits

형식에 맞고 이쁜 커밋 메세지를 쉽게 작성할 수 있도록 도와주는 툴이다.

https://www.conventionalcommits.org/en/v1.0.0/

Conventional Commits

 

MDX

.mdx 파일들에 대한 syntax-highlighting 기능을 제공한다.

이게 없으면 mdx 파일의 글씨 색이 모두 흰색으로 보이며 auto formatting도 작동하지 않는다.

 

XML Tools

XML 포맷팅, XML tree view를 제공한다.

이게 없으면 XML 파일들의 줄바꿈이 뒤죽박죽이 되기 때문에 강력 추천한다.

앱 플랫폼별 설정 파일들 중 XML 파일들이 많기 때문에 앱 개발을 맡게 된다면 반 필수이다.

 

Auto Rename Tag

<a>, <div> 등 HTML/XML 태그를 짝에 맞게 자동으로 바꿔준다.