다른 프로젝트를 시작했더니, 요새 주로 진행하던 프로젝트에서는 되던 ESLint 자동수정이 안 되기 시작했다.
해결하려고 이래저래 설정을 바꾸다가 그만 원래 프로젝트에서도 ESLint 자동수정이 안 되는 문제가 발생하고 말았다.
해결은 완료했고, 또 이런 일이 생길까 봐 정보를 백업해 둔다.
설정에서 확장 > ESLint를 들어가면 이런 창을 볼 수 있다.
Code Actions On Save를 설정해야 하는데, 이건 settings.json을 수정하는 수밖에 없다.
https://tesseractjh.tistory.com/306
위 블로그 글을 참고해 다음과 같이 설정했다.
"editor.formatOnSave": true,
"editor.codeActionsOnSave": {
"source.fixAll.eslint": "explicit"
},
"workbench.settings.applyToAllProfiles": [
"editor.formatOnSave",
"editor.formatOnSaveMode",
"editor.codeActionsOnSave"
],
1. Format On Save를 켜고, (이건 설정 UI에서 체크할 수 있다)
2. editor.codeActionsOnSave에서 "source.fixAll.eslint"를 true로 설정한 다음,
3. 만일 eslint.codeActionsOnSave.rules가 있다면 지운다.
그리고 모든 작업 영역에 이 설정을 적용해 주기 위해 'workbench.settings.applyToAllProfiles' 에 위 설정들을 배열로 넣어 준다.
여기서 editor.formatOnSaveMode는 설정 UI에서 설정할 수 있는 옵션이다.
그러면 이제 저장할 때 자동으로 ESLint 고침이 적용되게 된다.
import 순서 오류는 이제 안녕!!!
'개발 의문 해결' 카테고리의 다른 글
Firebase Realtime DB를 Redux에 저장하기 (0) | 2024.02.23 |
---|---|
Redux 핵심 개념 이해하기 (1) | 2024.02.05 |
CSS 그리드 rowspan / colspan 적용 안 되는 문제 해결법 (0) | 2024.02.04 |
VSCode에서 코드 스니펫 안 될 때 (0) | 2024.02.02 |
DB 저장과 로컬스토리지 저장, 그리고 파일 저장의 차이 (0) | 2023.09.24 |