1. vs code 확장 프로그램에서 Live Sass Compiler, sass 설치
2. settings.json 생성 후 아래 파일 설정
"liveSassCompile.settings.generateMap": false, // 이부분 수정하면 .map 파일 삭제
"liveSassCompile.settings.formats": [
{
"format": "expanded",
"extensionName": ".css",
"savePath": "~/../" // css파일 생성 저장 패스
}
],
출처
[VS CODE] Live Sass Compiler
1. 설치하기 - SASS 컴파일을 자동으로 해주는 플러그인 - [SASS Lint]도 같이 설치하면 SASS문법을 쉽게 코딩할 수 있다. 2. [Watch SASS] - [Live Sass Compiler]를 설치하면 하단 상태표시줄에 [Watch Sass]..
ossam5.tistory.com
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 |