ESLint 공유 설정 무엇을 사용하고 있습니까? eslint-config-〇〇을 비교해 보았다.

ESLint를 사용하고 있는 프로젝트는 가득 있지만, 여러분 어떤 설정으로 하고 있는지 궁금해서 비교해 보았습니다.

공유 설정

ESLint를 도입한 것만으로는, 아무것도 동작하지 않기 때문에, .eslintrc 에 설정 항목을 추가해 갈 필요가 있습니다만 전 항목을 수동으로 설정해 가는 것은, 무리가 있습니다. (항목 수가 너무 많기 때문에)

따라서 extends 라는 공유 설정 기능을 사용하여 기본 설정을 로드할 수 있습니다.
여러분의 프로젝트에서도 읽고 있는 것은 아닐까요?

다음 예제는 ESLint가 권장하는 설정을 로드합니다.

.eslintrc

{
    "extends": "eslint:recommended"
}

그 밖에도 Airbnb 님이 내고 있는 eslint-config-airbnb 를 불러올 수도 있습니다.

.eslintrc

{
    "extends": "airbnb"
}

이 공유 설정은 여러분 중 어느 것을 사용하고 있을까~

eslint-config-hoge를 비교해 보았습니다.

그래서 npm trends 에서 비교해 보았습니다.

비교 대상으로, npm 위에 올라있는 유명한 곳, airbnb , airbnb-base , standard , google , prettier
다음이 결과입니다.



네. eslint-config-airbnb-base 가 가장 많은 결과였습니다.
다음으로 airbnb > prettier > standard >>> google

나 자신도 airbnb-base 를 즐겨 사용하고 있었으므로, 뭔가 안심했습니다.
잠시 후에는 airbnb-base를 사용하고있어 문제가 될 것 같습니다.