Vscode에서 sass로 코딩하는 법

사스가 좋대서 배웠는데 진짜 좋은거임

올 하면서 코딩할때 쓰려고 했더니 sass파일을 css로 compile해줘야 쓸 수 있다네?

예전에 써본 한 프로그램은 따로 설치해서 프로젝트 파일을 열어준다음에

에디터로 돌아와서 코딩해야하고 그런 방법이였음

vscode는 플러그인이 있지 않을까 해서 봤는데 있더라

근데 초반에 약간 해맸는데 혹시나 나같은 사람이 있을까 싶어서 올림

=====================================================

live sass compiler

1. vscode에서 sass라고만 쳐도 나오니까 설치

2. 다시 로드 후 index.html, index.scss 파일을 생성

3. index.html에 <link rel="stylesheet" href="index.css">라고 일단 써줌

4. 하단에 있는 watch sass를 누름(안뜨면 잠깐 기다려야함)

5. 그러면 자동적으로 index.css, index.css.map파일이 생성됨(안되면 scss에 뭐라도 쓴 뒤 저장누르면 됨)

6. 작업은 index.scss에서 하면서 저장눌러주면 css파일도 알아서 바뀌며 적용됨