VSCode에 SCSS (SASS) 컴파일을 위한 기본 세팅

VSCode Extension 다운로드 하기

 

1.Sass

2.Live Sass Compiler

3.Live Server

 

+ sass lint : sass 문법을 도와주는 extension

 

 

 

 

 

Extension 설치 후 설정해주기

github.com/ritwickdey/vscode-live-sass-compiler/blob/master/docs/settings.md

ritwickdey/vscode-live-sass-compiler

 

 

 

 

 

참고 블로그

blog.naver.com/mgveg/222072623245

[Extension] VSCode 익스텐션을 이용해 SASS Compile 하기

blog.naver.com/yangwonder/222235453605

[VSCode] scss(sass)를 이용하여 css 컴파일 하기

 

 

 

VSCode 외에 Koala 프로그램을 이용하여 Sass 작업을 할 수 있다.

두 방법을 다 참고 할 수 있는 블로그

blog.naver.com/jinhaiyuren/221731586386

css 작성 효율을 올려주는 sass 컴파일 방법 두가지

 

 

 

세팅 후 자동 컴파일 되는 sass 파일을 확인 할 수 있다.