eslint-config-triple

@titicaca/eslint-config-triple

Installation

npm install @titicaca/eslint-config-triple eslint --save-dev

Usage

package.json의 scripts 속성에 다음을 추가해주세요.

{
  "scripts": {
    "lint:es": "eslint .",
    "lint:es:fix": "eslint . --fix"
  }
}

.eslintrc.js 파일을 생성하세요. 컨픽은 여러 종류로 구분되어 있어서 프로젝트에 필요한 컨픽만 이어붙어서 사용할 수 있습니다.

JavaScript, TypeScript 코드 린트 규칙을 설정하려면 다음을 추가하세요.

{
  "extends": ["@titicaca/eslint-config-triple"]
}

TypeScript 코드에서 타입 정보까지 활용한 더 엄격한 규칙을 사용하려면 다음을 추가하세요. 이 컨픽도 기본적으로 사용하기를 권장합니다.

{
  "extends": [
    "@titicaca/eslint-config-triple",
    "@titicaca/eslint-config-triple/requiring-type-checking"
  ]
}

React 프론트엔드 프로젝트에서는 다음을 추가하세요.

{
  "extends": [
    // 다른 컨픽...
    "@titicaca/eslint-config-triple/frontend"
  ]
}

Prettier를 사용한다면 다음을 가장 마지막에 추가하세요.

{
  "extends": [
    // 다른 컨픽...
    "@titicaca/eslint-config-triple/prettier"
  ]
}

Contribute

eslint의 최종 설정을 스냅샷으로 기록합니다.

pnpm run test:snapshot

새로운 rule을 추가하여 스냅샷이 깨졌다면, 스냅샷을 업데이트해주세요.

pnpm run update-snapshot

개발중 스냅샷 테스트를 계속 수행하고 싶다면, watch 옵션을 사용하세요.

pnpm run test:snapshot:watch