프로젝트에 eslint-airbnb 적용해 나만의 eslint 규칙 만들기

npm i --save-dev eslint-config-airbnb-base eslint-plugin-import
npm i --save-dev eslint-config-prettier

우선 npm i를 이용해 위와 같이 eslint-airbnb와 config-prettier를 설치해줍니다.

 

module.exports = {
  env: {
    commonjs: true,
    es2021: true,
    node: true,
  },
  extends: ["airbnb-base", "prettier"],
  parserOptions: {
    ecmaVersion: 12,
  },
  rules: {
    "new-cap": 0,
    "max-len": 0,
    "valid-jsdoc": 0,
    "require-jsdoc": 1,
    "no-unused-vars": 1,
    "no-trailing-spaces": 0,
    "no-undef": 0,
    "spaced-comment": 0,
    "prefer-const": 0,
  },
};

그 다음 .eslintrc.js 파일을 최상단에 위치시켜 생성해주고,

위 파일과 같이 입력해줍니다.

 

그 후 나타나는 오류들은 fix ~~ 로 입맛에 맞게 수정해주면 eslint-airbnb를 적용해 나만의 eslint 규칙을 만들어 프로젝트를 일관되게 유지할 수 있습니다!

만약 팀원들과 함께 하는 프로젝트라면 규칙을 자동 적용함으로써 조금 더 일관된 코드 스타일을 유지하며 프로젝트를 진행할 수 있을 것입니다 :)