VSCODE로 SCSS 활용하기

 

 

codepen으로만 scss를 만들어봤지만, 꽤나 활용하기 편하기 때문에 vscode에서도 scss를 사용할까 고민하고 있었다. . 

 

 

사용하기 위해서는 먼저 아래의 이미지를 install 해야합니다 ! ! ! 

 

그러나 바로 활용할 수는 없다, 이유는 link로 scss 시트를 연결할 수는 없고, css 시트로 변경해야하기 때문입니다. 

저번에서도 한 F1 을 누른 뒤  JSON 을 검색 후 이걸 눌러 작성하거나 변경해줘야 하는게 있습니다.

 

바로 이것 ! ! ! ! 

어렵긴 하지만, scss 를 .min.css로 바꿔주는걸로 생각하면 편합니다 ㅡ !

 

그 뒤 scss 에서 이것을 누른 뒤 그 css 시트에 변환이 되는지 확인 해야합니다.

그 뒤 완성😍 이지만 아래에서 더 풀어보자면 . . 

 

이런식으로 총 style.scss 를 만들어 한번에 css에 저장하도록 만들면 편합니다.

활용은 이런식으로 ㅡ

기억하기 어려운 색상코드나, 폰트, 아니면 container 속성같이 쓰이는 것들을 저장하여 사용해줄 수 있습니다.

그럼 BYE - ଳ