프로그래밍/CSS & Sass

Sass 설치하기 (Window ver.)

정구미 2023. 9. 5. 11:10

🛠️ 설치방법

설치방법은 Buby버전, Node버전, Dart버전이 있는데 Dart버전이 가장 최신이라 이 방법을 권장한다고 한다.

 

1. Node.js 설치하기

Dart Sass로 설치하기 위해 Node.js가 먼저 설치되어야 한다.
(node.js를 설치하는 이유 : npm이라는 패키지 관리자 툴을 사용할 수 있다고 한다...)
https://nodejs.org/ko

 

Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

node 다운로드 웹페이지

링크를 누르니 알아서 내 운영체제에 맞는 버전을 보여준다. 
왼쪽의 LTS는 안정적인 버전이고 오른쪽은 최신버전이다. LTS 버전을 다운받고 설치하면 된다.

node.js 설치 모습

 

📌 설치가 잘 되었는지 확인하는 방법

잘 설치되었는지 확인하려면 윈도우 > 터미널을 열고 명령어 입력에
"node -v"를 입력하면 현재 설치된 버전을 보여준다.

node 버전 확인

마찬가지로 "npm -v"를 입력하면 역시 설치가 정상적으로 잘 되어있는것을 볼 수 있다.

npm 버전 확인

 

2. Sass 설치하기

node와 npm이 잘 설치된것을 확인했다면 이제 Sass를 설치하면 된다.
명령어 "npm install sass -g"를 입력한다.

Sass 설치하기

 

마찬가지로 잘 설치되었는지 확인하려면 명령어 "sass --version"을 입력하다.

Sass 버전 확인

dart버전으로 설치가 잘 되어진 것 같다.