728x90
반응형
SCSS
vscode에 scss언어를 적용하는 방법에 대해 알아보도록 하겠습니다.
SCSS 적용하기
1. 우선 Extention에 들어가서 SASS와 Live Sass Compiler를 다운받아 줍니다.
![](https://github.com/thdtjdgml415/coding2/blob/main/assets/Tistory/sass.png?raw=true)
![](https://github.com/thdtjdgml415/coding2/blob/main/assets/Tistory/LiveSass.png?raw=true)
2. 재대로 적용 되었다면 하단에 scss가 적용되었다고 표시가 뜹니다.
![](https://github.com/thdtjdgml415/coding2/blob/main/assets/Tistory/sassing.png?raw=true)
3. Ctrl + ,를 눌러서 json파일을 찾아서 적용해야합니다.
![](https://github.com/thdtjdgml415/coding2/blob/main/assets/Tistory/jsonfilefind.png?raw=true)
4. 아래의 코드를 적용시켜놓습니다.
![](https://github.com/thdtjdgml415/coding2/blob/main/assets/Tistory/scssjson.png?raw=true)
5.scss 파일을 저장했을때 css저장 파일이 어디에 생기는지 확인해 보도록합니다.
반응형