조금 늦었지만 어제의 stylelint 적용 시도에 대해서 글을 남겨본다.

문제

• stylelint가 vscode에서 활성화되지 않는 상황이 발생
• 아래의 그림을 보면 background-color의 위치에 대한 경고가 발생하지 않는다.

원인

• validate를 찾았적용해줬음에도 아래의 stylelint.config 설정이 들어가 있어서 문제가 계속 발생했었다.

해결책

• 해당 라인을 지워주고 나니 정상적으로 동작하는 stylelint를 확인할 수 있었다.

처음에 setting.json에서 관련 설정을 바꾸라는 포스트를 보고 이것 저것 건드렸던 것이 화근이었던 것 같다. validate를 추가해주는 것으로 문제를 마무리할 수 있었다. 이제 정말 프로젝트를 시작해봐야겠다..

🔸 강사님이 가르쳐주신 해결법

• setting.json에 직접적으로 추가할 수 있지만 아래 사진과 같이 validate 부분에 검사하고 싶은 언어를 추가하는 것으로도 설정을 해줄 수 있다.
• 해당 과정을 통해서 자동으로 setting.json에 아래와 같이 설정이 된다.

References

• https://marketplace.visualstudio.com/items?itemName=stylelint.vscode-stylelint