ESLint

협업에서 여러 사람들이 작성한 코드의 일관성을 유지하기 위해 많이 사용한다.

다음과 같은 오류가 생기면 자동 검출되어 표시해주는 툴이다.

• 문법 오류가 있을 경우
• 설정된 코딩 컨벤션을 위배할 경우

pnpm create vite를 통해 vite를 생성하면 eslint 라이브러리가 자동으로 같이 설치되면서 ESLint 설정 파일인 .eslint.cjs파일이 생성된다.

하지만 이를 커스텀하여 다양한 규칙들을 적용시키고 싶다면 개인적으로 설정해주면 된다.

프로젝트에 ESLint 적용하기

1️⃣ vite 생성

pnpm create vite

pnpm install

• 나오는 옵션들을 상황에 맞춰 선택하기.

2️⃣ ESLint extension 설치

VSCode의 ESLint extension을 설치한다.

3️⃣ devDependencieds에 설치

pnpm add -D eslint
pnpm eslint --init //config 초기화