[VSCode] ESLint codeActionsOnSave 가 정상적으로 동작하지 않음

vscode를 새로 깔고, eslint를 설정해주는데

기존에는 prettier와 eslint 익스텐션 설치 후 아래와 같이 설정하면 정상적으로 동작했다.

{
	"editor.codeActionsOnSave": {"source.fixAll.eslint": true},
 	"editor.formatOnSave": true,
    "editor.defaultFormatter": "esbenp.prettier-vscode"
}

 

 

위와 같이하면 prettier는 정상작동했다.

 

하지만 ESLint로 설정한 내용은 정상적으로 동작하지 않았는데,

vscode가 업데이트 되면서 source.fixAll 이 부분에 변경사항이 있어서 true가 deprecated되었다는 것을 알게 되었고,

 

git issue에서 아래와 같이 작성하니 정상적으로 동작했다.

{
  "workbench.colorTheme": "Default Dark Modern",
  "editor.codeActionsOnSave": [
    "editor.formatOnSave", "source.organizeImports", "source.sortImports", "source.fixAll"],
  "editor.defaultFormatter": "esbenp.prettier-vscode"
}

 

https://github.com/microsoft/vscode/issues/194861#issuecomment-1751194217

breaking: codeActionsOnSave · Issue #194861 · microsoft/vscode