Intro

Install

$ npm init @eslint/config

or

$ yarn add eslint --dev

• How would you like to use ESLint? (ESLint 사용 범위 선택)
  • > To check syntax and find problems

Init file

구성 파일을 설정한다. 답변에 따라 .eslintrc파일이 생성된다.

$ npx eslint --init

Run

파일 또는 디렉토리에서 실행한다.

$ npx eslint <yourfile.js>

ESLint 옵션

extends

{
	"extentd": [
    "eslint:recommended",
    "eslint-config-prettier",
		"plugin:prettier/recommended",
		"plugin:react/recommended"
  ],
}

• eslint:recommended

  rules page에 있는 체크표시된 모든 규칙들을 활성화한다. 이 설정 외에 규칙이 더 필요하면 rules 속성에 추가해서 확장할 수 있다.

• eslint-config-prettier

  프리티어를 사용할 때 ESLint가 코딩스타일에 관해서는 신경안쓰게하려면 eslint-config-prettier 를 설치한다. Prettier와 충돌하는 ESLint 규칙을 끄는 역할을 한다.

  $ npm install --save-dev eslint-config-prettier
  

• eslint-plugin-prettier

  프리티어 규칙을 ESLint 규칙으로 추가하는 플러그인이다. 프리티어의 모든 규칙이 ESLint로 들어오기 때문에 ESLint만 실행하면 된다.