초기화
스타일 시트를 정의할 때 .less 파일을 링크시키고, rel 속성값을 “stylesheet/less”로 지정합니다:
<link rel="stylesheet/less" type="text/css" href="styles.less">
그런 다음 페이지의 상단에서 less.js를 다운로드 받으세요. 그리고 페이지의 <head>요소에다가 다음처럼 포함시키세요.:
<script src="less.js" type="text/javascript"></script>
단, 스타일시트가 스크립트 앞에 와야 합니다.
관찰모드(Watch mode)
관찰 모드는 클라이언트쪽 기능으로, 이 기능을 활성화하면 스타일시트를 변경했을 때, 자동으로 갱신됩니다.
이 기능을 활성화 시키려면 브라우저 주소창에서 URL의 뒷부분에 ‘#!watch’를 추가하고, 페이지를 다시 한번 로드시키면 됩니다. 다른 방법으로는 자바스크립트 콘솔 창에서 less.watch() 명령을 실행시킬 수도 있습니다.
css를 less로 전환해주는 도구
- simpleless : http://wearekiss.com/simpless
