Less
- Date Published
- 2009 ([[Period(2009)]])
Software Source Code
Wikipedia - LESS (stylesheet language)
CSS의 문법을 확장하여 variable을 사용할 수 있고, mixin이라는 개념과 Nesting, Function, Operation을 사용할 수 있다. less를 컴파일하면 css가 나온다.
처음에는 Ruby로 만들어졌으나, 현재는 JavaScript로 재작성 되어서 client-side, server-side 모두 사용할 수 있다.
1. 학습순서
- Nesting
- Variables
- Mixins
- Operations
- Functions
2. Usage
less를 설치하고, 명령행에서 다음 명령을 실행하면 컴파일 할 수 있다.
lessc less.less less.css --source-map
이 과정이 불편하므로 최신 IDE에서는 less파일의 수정을 감지하면 자동으로 컴파일 하도록 하는 플러그인들이 있다.
2.1. IDE Support
- IntelliJ - File Watchers를 설치
- Eclipse - 사용해 보지 않았지만 정보상으로 보면 신택스컬러링부터 컴파일까지 지원하는 것으로 보임.
3. Vim
http://leafo.net/lessphp/vim/INSTALL을 참조하여 http://leafo.net/lessphp/vim/less.vim파일을 설치한다.
~/.vim/syntax/에less.vim을 복사하고,~/.vimrc에au BufNewFile,BufRead *.less set filetype=less를 추가해 주면 된다.
colorscheme이 제대로 안먹어서 색상은 좀 구린데, set syntax=css보다는 나은 것 같다. Nested rule같은 것도 적용이 잘 되니까..
5. See Also
5.2. Similar PagesSimilar pages by cosine similarity. Words after page name are term frequency.
|