윈도우용 less 에디터 Crunch

less 를 사용하는 툴은 몇가지가 있지만 윈도우에서 에디터로 less 를 다루는 도구는 현재 Crunch가 유일합니다. 제가 알기로는....

Crunch : http://crunchapp.net/

less 가 무엇인지는 이전에 제가 작성한 글 CSS 생산성을 높여주는 less, sass 를 참조하시면 도움이 됩니다.

물론 홈페이지를 참조해도 많은 도움이 됩니다.

less : http://lesscss.org/

sass : http://sass-lang.com/

여기서 소개할 것은 윈도우에서 less 에디터로 소개할 Crunch 입니다.

Crunch에서 다운로드 받아서 일반 프로그램과 같이 똑같이 설치합니다.

그러면 less 파일이 아래처럼 아이콘이 변경되어 연결된 프로그램이 뭔지 쉽게 알 수 있습니다.

떠블클릭해서 less 파일을 열면 코드가 구문강조되서 보입니다.

비교적 간단합니다.

왼쪽에 설정아이콘을 클릭하면 CSS 코드를 압축할건지 안할건지를 선택할 수 있습니다.

less 를 사용하는 방법만 알면 비교적 사용법은 쉽습니다.

만약 less 를 잘 모르시면 참고적으로 부트스트랩에서 less 파일을 다운로드 받아서 열어보시고 수정해서 작성해보세요.

less 를 다 작성한다음 우측 상단에 Crunch File  라고 적힌 1번을 클릭하면 css 파일이 만들어집니다.

여기서 만약 오류가 있다면 2번자리에 오류구문이 나타납니다. 

그럼 수정해야합니다. 수정하기전까지는 css 로 컨버팅을 하지 않습니다.

오류가 없다면 아래그림처럼 style.css 파일이 만들어집니다.

[Code/css] - css 생산성을 높여주는 less, sass