eslint-config-huray

ESLint configurations based on huray style guide

Installation

yarn add --dev eslint-config-huray

Usage

.eslintrc.js

Javascript

module.exports = {
  extends: [
    'huray'
    'huray/prettier'
  ]
}

Javascript + React

module.exports = {
  extends: [
    'huray',
    'huray/react',
    'huray/prettier'
  ],
}

Typescript + React

module.exports = {
  extends: [
    'huray',
    'huray/typescript',
    'huray/react',
    'huray/prettier'
  ]
}

tsconfig.json

"include": [
    ".eslintrc.js",
    "src"
  ]

Note

✅ 프로젝트에서 .prettierrc 파일은 생략해도 됩니다.

ESLint의 Prettier를 사용하는 방식으로 별도의 Prettier 설정 파일은 생성하지 않아도 됩니다.

만약 파일 저장 시 자동 포맷이 적용되지 않는다면, 기본 포맷터를 ESLint로 설정해야 합니다.

[ VSCode인 경우 ]

1. VSCode에서 code > prefernces > settings 혹은 command + , 단축키를 누른다.

   

2. default formmatter를 검색한 뒤, 해당 옵션을 ESLint로 설정한다.

   

[ Webstorm인 경우 ]

1. 설정 > eslint > 자동 eslint --fix실행 > 저장 시 모든 액션 > prettier실행 체크해제