stylelint vscode extension 통합 방법

[uraflower]

시작에 앞서

stylelint 또한 eslint, prettier 처럼 공식적으로 vscode extension을 제공합니다.
이것을 활용하면 매번 명령을 입력하지 않아도 실시간으로 lint 오류를 잡을 수 있습니다.

그런데, stylelint extension 기본 설정에는 scss가 빠져 있습니다.

예시

색상 지정 시 이름으로 지정할 수 없는 규칙이 있음에도, 오류가 나지 않는 모습

그래서 설정하는 방법을 알려드립니다.

통합 및 설정

1. vscode에서 stylelint extension을 설치합니다.
2. stylelint extension 설정에 들어갑니다.
   
3. validate 옵션에 scss를 추가합니다.
   
4. 성공적으로 오류를 잡아줍니다.
   

[devkyoung2]

감사합니다~