에디터플러스에 설정하기전에 환경은 만들어놓고써야한다.

우선 윈도우라면 Ruby를 설치해야한다.

루비설치와 Sass 설치하는 방법에 자세한 설명은 윈도우에서 SASS설치하기에서 볼 수 있다.

1.Ruby설치하기
http://rubyinstaller.org/downloads에 윈도우용 RubyInstallers를 받으면됩니다.
sass&ruby04
설치할 때 유의할점은 위의 그림처럼 Add Ruby executables to your PATH에 체크해야줘한다는 것이다.

2.Sass설치하기
Ruby 설치가 완료 되었다면 “명령 프롬프트”를 열어야한다.
윈도우버튼 + R를 눌러 실행창을 열어서 “cmd”를 해서 명령 프롬프트를 열으면 된다.

명령 프롬프트를 열었다면 명령어를 치면 끝난다.

gem install sass

설치가 완료 다면 버전을 확인해본다.

sass -v

3.EditPlus설정
editplus setting sass01
메뉴 제목: Sass to CSS
명령(O): sass.bat –sourcemap=none -t compact –no-cache
인수(E): –update $(FileDir)
※ $(FilePath) 로 하면 해당 파일만 변환되고 $(FileDir) 로 하면 파일이 있는 폴더 안의 모든 scss파일이 변환된다. 엉뚱한 파일에서 사용자 도구를 실행하는 경우에 발생하는 오류를 피하려면 $(FileDir)이 좋다.

동작: 출력내용캡쳐
저장: 현재파일

4.사용자 도구 사용
메뉴에 도구 > 기본설정 > 도구 > 사용자 도구
editplus setting sass02

5.Sass 구문자 넣기
https://www.editplus.com/kr/others.html에 가면 다운을 받을 수 있다.
귀찮은 사람들은 => 다운받기을 클릭하면 바로 다운을 받아서 저장하면 된다.

메뉴에 도구 > 기본설정 > 파일 > 설정 & 구문강조
editplus setting sass03

editplus setting sass04