[VSCode] Live Sass Compiler 설치 및 세팅

0. 소개

sass 컴파일을 자동으로 해주는 플러그인

 

 

 

1. 설치하기

1. 마켓플레이스 클릭.
2. Live Sass Compiler 검색.
3. install 클릭하여 설치 진행.

 

 

 

2. Settings

1. Extension Settings 클릭
2. Edit in settings.json 클릭

 

  3. json 파일에 live를 타이핑하고 템플릿을 자동완성.

  4. savePath를 지정. (Sass파일을 컴파일 해서, 어느 위치(폴더)에 css를 넣을 것인가를 정해주는 것.)

./ <= 현재 파일
../ <= 현재 파일의 부모 폴더

 

 

 

03. 실행

   1. 하단의 Watch Sass 클릭

   2, 지정해준 경로에 컴파일 된 css 파일 확인 가능