[vscode] ESLint airbnb 플러그인 + etc

extensions에서 ESLint를 설치합니다.

그러고 나서 npm으로 설치합니다.

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

 

설치 이후에 .eslintrc.js 파일을 만들어 다음을 추가하면 됩니다.

module.exports = {
  extends: ["airbnb-base"],
};

세미콜론을 붙이는 게 좋아서 Prettier에서 세미콜론을 붙이도록 설정했는데 세미콜론을 없애는 설정을 했을 경우 ESLint에서 자동으로 세미콜론을 붙입니다. 이러한 충돌을 막고 싶다면 추가로 플러그인을 설치합니다.

npm i --save-dev eslint-config-prettier

 

이후에 .eslintrc.js을 다음과 같이 수정합니다. 반드시 "prettier"가 맨 뒤에 와야 합니다.

module.exports = {
  extends: ["airbnb-base", "prettier"],
};

 다음은 node 관련한 eslint 플러그인입니다.

npm install --save-dev eslint-plugin-node

module.exports = {
  extends: ["airbnb-base", "plugin:node/recommended", "prettier"],
};

 

코드 작성에 대한 좋은 예시는 airbnb javascript를 참고하면 좋습니다.