기억저장소
로그인
기억저장소
로그인
[Sass] Sass(2) - 설치,설정
김현주
·
2022년 3월 29일
팔로우
0
CSS
Sass
0
CSS
목록 보기
16/18
1. Sass 설치
① node-sass 설치
1) node가 설치되어있나 확인!
→ vscode 터미널을 킨 후
node -v
입력
공식사이트 다운로드 (Node버전은 LTS버전으로 다운받자)
→
https://nodejs.org/en/download/
2) 터미널에 npm init -y 로 package.json 만들기
3) node-sass가 설치되어있나 확인!
→ vscode 터미널을 킨 후
node-sass
입력
node-sass 페이지
→
https://www.npmjs.com/package/node-sass
→ 터미널에 npm i node-sass 입력하면 node-sass가 설치된다.
4) package.json의 script에 node-sass 추가
5) package.json의 script에 추가
→ styles폴더의 main.scss파일을 style.css에 컴파일되도록 설정
6) node-sass를 실행하려면
→ 터미널에 npm run sass를 입력
② Prettier & SCSS lint 설정
③
김현주
✨프론트엔드 개발자가 되기 위한 독학러✨
팔로우
이전 포스트
[Sass] Sass(1) - 기초
다음 포스트
[Sass] Sass(3) - 변수
0개의 댓글
댓글 작성