@jihyunlab/eslint-config

ESLint는 자바스크립트와 타입스크립트 코드의 문제 되는 패턴을 식별하는 정적 코드 분석 도구입니다.
@jihyunlab/eslint-config는 타입스크립트를 위한 ESLint 설정을 제공합니다.

설치

프로젝트 폴더에서 @jihyunlab/eslint-config를 설치합니다.

npm i --save-dev @jihyunlab/eslint-config eslint @eslint/js @types/eslint__js typescript typescript-eslint

---

구성

ESLint 구성

eslint.config.mjs 파일을 생성하고 수정합니다.

├─ eslint.config.mjs
└─ ...

import eslint from '@eslint/js';
import tsEslint from 'typescript-eslint';
import { jihyunlabEslintConfig } from '@jihyunlab/eslint-config';

export default tsEslint.config(
  {
    ignores: ['node_modules', 'dist', 'build', 'coverage'],
  },
  {
    languageOptions: {
      parserOptions: {
        project: './tsconfig.eslint.json',
        tsconfigRootDir: import.meta.dirname,
      },
    },
  },
  {
    files: ['**/*.ts', '**/*.tsx', '**/*.cts', '**/*.mts'],
    extends: [
      eslint.configs.recommended,
      ...tsEslint.configs.recommendedTypeChecked,
      jihyunlabEslintConfig,
    ],
  }
);

타입스크립트 구성

tsconfig.eslint.json 파일을 생성하고 수정합니다.

├─ tsconfig.eslint.json
└─ ...

{
  "extends": "./tsconfig.json",
  "include": ["**/*.ts", "**/*.tsx", "**/*.cts", "**/*.mts"],
  "exclude": ["node_modules", "dist", "build", "coverage"]
}

VSCode 플러그인 설치

VSCode 사용 시, 확장 탭에서 ESLint 플러그인을 설치합니다.

---

라이센스

Open source licensed as MIT.