sass/scss 메모

- sass 설치

1. Node.js 설치

https://nodejs.org/ko/download/

다운로드 | Node.js

2. 터미널:

npm install -g node-sass

or

 

Dart 버전 Sass설치(최근 dart sass라는 방식의 설치를 권장, 최신버전이다 보니 sass의 새로운 기능들도 많이 포함)

기존 node-sass 설치했다면 삭제하고 설치해야함

삭제

npm uninstall node-sass

설치

npm install sass -g

dart sass만의 새로운 문법 및 사용법은  공식홈에서 확인가능(https://sass-lang.com/documentation)

---

- sass 버전 확인

터미널:

sass -v
sass --version

---

- sass 컴파일 명령

터미널:

 sass --watch 폴더/sass/style.sass 폴더/css/style.css

---

- scss 컴파일

sass --watch asset/scss/common.scss asset/css/common.css
sass --watch asset/scss/style.scss asset/css/style.css

---

* 여기까지 했는데 vscode 오류 뜨면 아래 링크 참고

https://hellcoding.tistory.com/entry/VSCode-%EC%98%A4%EB%A5%98-%EC%9D%B4-%EC%8B%9C%EC%8A%A4%ED%85%9C%EC%97%90%EC%84%9C-%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8%EB%A5%BC-%EC%8B%A4%ED%96%89%ED%95%A0-%EC%88%98-%EC%97%86%EC%9C%BC%EB%AF%80%EB%A1%9C

VSCode 오류 : 이 시스템에서 스크립트를 실행할 수 없으므로 ...