[CSS/SASS] 개발 환경 설정 후 SASS 이용하여 CSS 작성하기

node-sass 설치 후

 

1.  vs code의 터미널에서 npm install 입력하여 node_modules와 package.json 만들기

 

2.  package.json의  "scripts" 수정 ( "node-sass": "node-sass", "sass": "node-sass styles/main.scss ./style.css" 추가 입력)

 

3. 기본적인 폴더 구조를 잡는 단계. scripts에 쓰여진 경로와 같이 styles 폴더를 만들어 sass파일들을 작성하였다.

 

4. 터미널에 npm run sass 입력하면, sass파일에 작성한 코드가 css파일에 자동으로 적용되는 것을 볼 수 있다.