비쥬얼 스튜디오 코드_VSC(VisualStudioCode)에서 추천하는 확장 프로그램(extension)
vscode는 여러가지 extension들을 통해서 쉽고 빠르게 커스터마이징하여 개발에 여러 도움을 받을 수 있다.
아래는 알고있으면 유용하게 사용가능한 extension이다.
Eslint
javascript library인 Eslint와 vscode를 연결해준다.
ESLint는 코드 포맷팅/품질 정적 분석 도구이다.
타입을 명시하지 않았다던가, 지역변수를 선언해놓고 사용하지 않는 등 개발할 때 발생할 수 있는 실수들을 미리 지적해주는 역할이다.
주로 코드 품질 관리를 위해서 사용하고, 포맷팅은 Prettier로 처리한다.
Find and fix problems in your JavaScript code - ESLint - Pluggable JavaScript Linter
A pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript. Maintain your code quality with ease.
eslint.org
Prettier
javascript library인 Prettier와 vscode를 연결해준다.
Prettier는 코드 포매터이다. 파일을 저장할 때마다 Indentation, 줄바꿈, 세미콜론 등을 알아서 미리 입력한 값으로 설정해준다.
Conventional Commits
형식에 맞고 이쁜 커밋 메세지를 쉽게 작성할 수 있도록 도와주는 툴이다.
https://www.conventionalcommits.org/en/v1.0.0/
Conventional Commits
A specification for adding human and machine readable meaning to commit messages
www.conventionalcommits.org
MDX
.mdx 파일들에 대한 syntax-highlighting 기능을 제공한다.
이게 없으면 mdx 파일의 글씨 색이 모두 흰색으로 보이며 auto formatting도 작동하지 않는다.
XML Tools
XML 포맷팅, XML tree view를 제공한다.
이게 없으면 XML 파일들의 줄바꿈이 뒤죽박죽이 되기 때문에 강력 추천한다.
앱 플랫폼별 설정 파일들 중 XML 파일들이 많기 때문에 앱 개발을 맡게 된다면 반 필수이다.
Auto Rename Tag
<a>, <div> 등 HTML/XML 태그를 짝에 맞게 자동으로 바꿔준다.
'개발 환경세팅 > VisualStudioCode' 카테고리의 다른 글
| [VSC] VisualStudioCode에서 Prettier 적용하기 (0) | 2023.06.29 |
|---|
댓글