typescript를 기준으로, 일반적으로 활용되는 eslint 설정은 다음과 같다.

module.exports = {
  parser: '@typescript-eslint/parser',
  parserOptions: {
    project: 'tsconfig.json',
    tsconfigRootDir: __dirname,
    sourceType: 'module',
  },
  plugins: ['@typescript-eslint/eslint-plugin'],
  extends: [
    'plugin:@typescript-eslint/recommended',
    'plugin:prettier/recommended',
  ],
  root: true,
  env: {
    node: true,
    jest: true,
  },
  ignorePatterns: ['.eslintrc.js'],
  rules: {
    '@typescript-eslint/interface-name-prefix': 'off',
    '@typescript-eslint/explicit-function-return-type': 'off',
    '@typescript-eslint/explicit-module-boundary-types': 'off',
    '@typescript-eslint/no-explicit-any': 'off'
};

각각의 설정들의 의미는 다음과 같다.

• parser: 코드를 검사할 파서이다. 일반적으로 자신이 활용하는 언어/프레임워크에 맞는 플러그인으로 설정한다.
• parseOptions: 말 그대로, 파서가 파싱할 때 부가적으로 적용될 옵션을 의미한다.
• plugins: 코드를 검사할 때 활용할 플러그인을 설정한다.
• extends: plugins에 추가적으로 사용할 rule을 가진 플러그인들을 설정한다.
• ignorePatterns: 린트 적용을 제외할 파일의 패턴을 설정한다.
• env: 환경변수를 활성화시킬 환경을 설정한다.
• root: .eslintrc의 경로를 의미한다.
• rules: plugins, extends에 덧붙일 rule을 설정한다.

위에서 prettier와 연동되는 플러그인은 'plugin:prettier/recommended'이다.

이 플러그인은 다음과 같은 설정을 내포하고 있다.

{
  "plugins": ["prettier"],
  "extends": ["prettier"],
  "rules": {
    "prettier/prettier": "error",
    "arrow-body-style": "off",
    "prefer-arrow-callback": "off"
  }
}

• 쉽게 말하면, prettier 플러그인을 등록해, eslint에서 .prettierrc 혹은 IDE의 setting.json(.prettierrc가 없다면)의 규칙을 이용하고, 그 규칙에 맞지 않은 요소는 error로 간주하게 되는 것이다.
• arrow-body-style과 prefer-arrow-callback은 prettier와 eslint를 함께 사용하는 데 발생하는 내부적 이슈를 해소하기 위한 설정이라고 한다.