[VSCode/ESLint] ESLint 자동 수정이 적용되지 않을 때

vscode에서 eslintrc 설정 후 저장을 하면 eslint fix가 가능한 부분은 자동으로 수정이 된다. 만약 되지 않는 다면 아래의 경우 중 하나일 수도 있기 때문에 하나씩 시도해보고 해결되는지 확인해보면 된다.

 

1. Format On Save

VSCode 설정에서 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가 되지 않았을 것이다.