Development/CSS & SCSS

VS code scss -> css 컴파일 설정

moretz0921 2022. 7. 16. 18:48

 

1. vs code 확장 프로그램에서 Live Sass Compiler, sass 설치
2. settings.json 생성 후 아래 파일 설정 

 

"liveSassCompile.settings.generateMap": false, // 이부분 수정하면 .map 파일 삭제 
"liveSassCompile.settings.formats": [
    {
        "format": "expanded",
        "extensionName": ".css",
        "savePath": "~/../"  // css파일 생성 저장 패스 
    }
],

 

 

 

 

 

 

출처

https://ossam5.tistory.com/90

 

[VS CODE] Live Sass Compiler

1. 설치하기 - SASS 컴파일을 자동으로 해주는 플러그인 - [SASS Lint]도 같이 설치하면 SASS문법을 쉽게 코딩할 수 있다. 2. [Watch SASS] - [Live Sass Compiler]를 설치하면 하단 상태표시줄에 [Watch Sass]..

ossam5.tistory.com

https://blog.naver.com/PostView.naver?blogId=jj601400&logNo=222527551740&parentCategoryNo=&categoryNo=1&viewDate=&isShowPopularPosts=true&from=search 

 

vs code에서 scss로 작업하는법(scss→css컴파일)

퍼블리셔들이 많이 사용하는 vs code에서 SCSS로 쉽게 작업하고 컴파일하고 html에 적용하는 방법입니...

blog.naver.com

 

'Development > CSS & SCSS' 카테고리의 다른 글

CSS in JS  (0) 2022.06.15
CSS 모듈  (0) 2022.06.15
position:absolute 부모 높이 인식  (0) 2022.06.08
페이지 전체를 스크롤 시, 해당 영역 상단에 고정시키고 싶을 때  (0) 2022.05.16
카테고리 탭 구현하기  (0) 2022.05.13