ESLint 자동 수정

저장시에 간단하게 eslint 설정을 입힐 수 있다.

Format On Save 설정이다.

ESLint 자동 수정이 적용되지 않을 때

1. Format On Save

설정에 가서 Format On Save 를 검색하고 아래와 같이 해당 설정을 체크 해주어야 한다.

2. editor.codeActionsOnSave

settings.json 설정에서 editor.codeActionsOnSave에 "source.fixAll.eslint"를 true로 설정한다.

{
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  }
}

3. eslint.codeActionsOnSave.rules

settings.json 설정에서 eslint.codeActionsOnSave.rules를 찾아서 삭제한다.

eslint.codeActionsOnSave.rules에는 배열의 형태로 eslint의 어떤 규칙을 적용하여 수정할 것인지를 명시할 수 있다. 그런데 이미 eslintrc 파일을 작성했는데 이 곳에 중복으로 작성해야 하는 것은 너무 불편하다. 이 설정 자체를 삭제하면 eslintrc 파일의 규칙대로 fix하게 된다. 아마 이 설정값에 빈 배열이 들어가 있다면 자동 fix가 되지 않았을 것이다.