VSCode Stylelint 적용안될 때 settings.json 설정하기

VSCode에서 Stylelint를 적용해서 잘 쓰고 있다가 노트북을 한 번 포맷하는 바람에 기존의 세팅이 다 사라졌다.

그 기념으로 다시 정리..

 

Stylelint?

Stylelint는 css, scss, less 등 style 구문을 린팅하는 도구이다.

 

일단 기본적으로 VSCode의 Stylelint 익스텐션과 관련 패키지, .stylelintrc.json 설정이 끝났다고 가정하고, settings.json 설정하는 방법만 정리하겠다.

 

VSCode 설정 변경

(VSCode의 설정에서 json을 검색한 후 Edit in settings.json을 누르면 된다.)

 

Settings.json

"editor.codeActionsOnSave": {
  "source.fixAll.eslint": true,
  "source.fixAll.stylelint": true
},
"css.validate": false,
"less.validate": false,
"scss.validate": false,
"stylelint.validate": ["css", "scss"],
"stylelint.config": null

 

---

참고

https://stackoverflow.com/questions/69149058/why-the-stylelint-vscode-extension-is-not-working-on-my-computer/71817658#71817658