ESLint와 Prettier를 어떻게 통합합니까?

Question

ESLint와 Prettier를 함께 사용하는 데 문제가 있습니다. 그들이 함께 일하도록하는 데 필요한 단계는 무엇입니까?

Answer 1

1) ESLint and Prettier를 설치하십시오.

$ npm install --save-dev eslint prettier 

2) 함께 작동 할 수있는 플러그인과 구성을 설치하십시오.

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

3) ESLint 설정 파일에 다음을 추가 :

{ 
    "plugins": [ 
    "prettier" 
    ], 
    "extends": [ 
    "prettier" 
    ], 
    "rules": { 
    "prettier/prettier": "error" 
    } 
} 

4) package.json에 NPM 스크립트로 lint 및 prettier 명령을 추가 : 이제

{ 
    ... 
    "scripts": { 
    ... 
    "lint": "eslint 'src/**/*.js'", 
    "prettier": "prettier --write 'src/**/*.js'", 
    "check-all": "npm run prettier && npm run lint", 
    ... 
    }, 
} 

5) 당신 다음을 수행하여 코드를 보풀과 시정 할 수 있습니다.

또는 개별적으로 호출 :

는

$ npm run lint 
$ npm run prettier