rubyinstaller와 SASS 설치하기

RUBYINSTALLER와 SASS 설치하기

1. RubyInstaller

SASS를 설치하기 위해서는 먼저 rubyinstaller부터 다운로드를 받으셔야 합니다.

https://rubyinstaller.org/

위의 주소로 들어가셔서 가장 최신 버전의 루비 인스톨러를 다운받으세요!

다운로드 메뉴에 들어가신 뒤, 루비인스톨러라고 쓰인 항목에서 가장 상위의 파일을 다운로드 받습니다.

스크린샷의 2.5.0-1버전은 2018년 2월 기준 가장 최신 파일입니다.

2. RubyInstaller 설치하기

다운로드 받은 루비인스톨러 파일을 클릭하여 설치합니다. 

설치가 완료되면 ruby 파일을 실행시키지 마시고, cmd를 실행시켜주세요.

3. SASS 컴파일러 설치하기

실행 -> cmd 입력 후 cmd를 실행합니다. 

cmd 창입니다.

cmd 실행 후, gem install sass를 입력합니다.

rubyinstaller가 정상적으로 설치되었다면 sass컴파일러가 설치됩니다!

4. 사용하기

4-1)

웹페이지의 css파일을 저장할 경로를 cmd로 지정합니다.

위의 캡쳐처럼 "cd <경로입력>" 이라고 입력해주시면 됩니다.

ex) cd D:\dansae\coding\assets\css

4-2)

위의 경로에 해당하는 폴더에 스크린샷처럼 style.scss파일을 생성합니다. 

저는 메모장 파일을 만든 뒤 확장자를 scss로 바꿔주었습니다. 

4-3)

cmd로 돌아가서, style.scss 파일이 있는 경로 뒤에 sass --watch .:. 를 입력합니다. 

style.scss 파일을 정상적으로 인식했다면 해당 폴더에 css파일과 css.map 파일이 생성됩니다.

이제 scss파일을 수정하여 코딩을 하시면 됩니다 >.<