Notice
Recent Posts
Recent Comments
Link
«   2024/04   »
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30
Archives
Today
Total
관리 메뉴

web sprit

SASS 설치 본문

Front End Developer/SASS

SASS 설치

커드만 2016. 4. 1. 22:00

SASS는 Ruby라는 프로그래밍 언어로 만들어졌습니다.

그래서 Ruby를 설치하여 SASS를 사용할 수 있습니다. 그럼 Ruby를 설치해 보겠습니다. 먼저


http://rubyinstaller.org/downloads/


위 URL로 접속합니다. 그럼 아래와 같은 화면이 나옵니다.



현재 루비 버전은 Ruby 2.2.4 이네요. 전 Window10 64bit를 사용 중이니 최신버젼의 64를 다운 받았습니다.

자 그럼 설치를 진행해 보도록 하겠습니다.

설치를 진행시 아래와 같은 화면이 나오는데요.



"Add Ruby executables to your PATH "부분에 체크를 꼭 해주셔야 합니다.

체크를 해주어야 설치가 끝난 후 따로 PATH 설정을 할 필요없이 수고를 덜어 줍니다.


설치가 끝나면 Ruby가 제대로 설치 되었는가를 확인 합니다.

window키 + R 을 누르고 검색창에 cmd를 입력하여 검색하면 cmd창이 나옵니다. 

아래와 같이 입력하여 설치 유무를 확인해 봅니다.

1
2
3
4
5
ruby --version
 
or
 
ruby -v
cs

다음은 결과 화면 입니다.



Ruby가 설치 되었으니 이제 SASS를 설치해 보도록 하겠습니다.

다음과 같은 명령어를 입력해 줍니다.

1
gem install sass
cs

* gem은 Ruby에서 지원하는 패키지시스템으로, 명령어를 사용해 필요한 프로그램을 다운ㆍ설치합니다. 일종의 node JS와 비슷하다고 생각하면 될것 같습니다.


일부 오류사항이 발생하였을 경우

아래와 같이 입력해 봅니다.

1
2
3
4
5
 
gem sources -r https://rubygems.org/
 
gem sources -a http://rubygems.org/
 
cs

입력 후 "gem install sass"을 다시 입력하여 설치하면 작동됩니다. 안될경우 다른 사이트를 참조하세요 ^^


이상으로 SASS를 설치해 보았습니다.



'Front End Developer > SASS' 카테고리의 다른 글

[SASS] SASS 컴파일 style 종류  (0) 2018.01.11
SASS 사용하기 (문법)  (0) 2016.12.04
SASS 란?  (0) 2016.03.31
Comments