[CSS] SASS 설치 방법 - 에이블런 프론트엔드부트캠프 11일차

1. Node js 다운로드

nodejs를 구글에 검색해 다운로드를 진행한다.

다운로드화면

nodejs를 다운 후 터미널을 열어 아래와 같은 명령어를 작성해 다운로드가 제대로 되었는지 확인한다

npm -v

 

버전이 제대로 출력된다면 설치가 제대로 되었다고 볼 수 있다.

2. SASS 다운로드

node 설치 후 터미널에서 아래와 같은 명령어를 작성한다. 맥의 경우에는 맨 앞에 sudo 를 붙여준다.

npm install sass -g

 

3. SASS 실시간 컴파일 명령 

sass/style.scss 파일 생성 후 아래와 같은 명령어를 sass 폴더 상위 디렉토리에서 작성한다.

sass --watch scss/style.scss:css/style.css

 

디렉토리 구조