응용 프로그램과 같은 LESS.app?


16

최근에 LESS.app 라는 OS X 응용 프로그램에 대해 알았습니다 . 기본적으로 * .less 파일을 * .css 파일로 컴파일하고 축소하여 실시간으로 수행하는 앱입니다. 우분투에서 똑같은 것을 보관하고 어떻게 할 수 있는지 알고 싶습니다.

답변:


25

브라이언 Less.app 개발자.

이전 버전의 LESS (Ruby 기반 버전)를 사용하는 것이 좋습니다. Less.js는 LESS의 자바 스크립트 포트 일뿐만 아니라, 많은 부분을 개선하고, 기존 Ruby 버전에없는 것들에 대한 지원을 추가하며, 컴파일러 속도를 약 84 % 증가시키는 획기적인 재 작성입니다.

Ruby gem을 설치하는 대신 Node.js를 설치 하고 명령 행에서 Node를 통해 Less.js 를 실행 하십시오 . 여전히 모든 시계 기능을 사용할 수 있지만 Less.js를 사용하면 삶이 훨씬 나아질 것입니다.

또는 작성중인 웹 사이트에서 Less.js를 스크립트로 사용하십시오. 이것은 개발에 효과적입니다. 코딩이 끝나면 간단히 브라우저 브라우저에서 Less.js가 생성하는 CSS를 복사하여 파일에 넣고 .css 확장자를 추가 한 다음 HTML 페이지에서 Less.js 스크립트 태그를 제거하고 방금 만든 CSS 파일.

어느 쪽이든 Less.js를 사용하십시오.


고마워 Bryan, 나는 페이지에 삽입되어야하는 것 이외의 Less.js 컴파일러를 알지 못했다 – 우분투를위한 Less.app 포트가 문제가 있다고 가정한다. ;)
Mood


less.js는 헤드리스 빌드 머신에서 작동합니까? 실행하려고하면 "ReferenceError : window is not defined"가 나타납니다.
캐시 반 스톤

less의 루비 버전은 less.js에서 실행됩니다
Kathy Van Stone

3

노트

Bryan의 답변을 읽으십시오. 그는 자신이 말하는 것을 알고 있습니다. ;-)

당신은 적은 설치 수 있습니다 .

  1. 루비 젬 이하 설치

    sudo apt-get install rubygems
    sudo gem install less
    
  2. 공식 문서 비고 :

    gem이 제대로 작동하려면 ~ / .bashrc에 gem의 경로를 PATH에 추가해야합니다.

     export PATH=/var/lib/gems/1.8/bin:$PATH
    
  3. 그런 다음 덜 컴파일러를 사용하여 사용할 수 있습니다

    lessc style.less
    

나는 당신이 연결된 것과 같은 GUI가 있다고 생각하지 않습니다. 그러나 실제 컴파일러가 적을 때 매우 얕은 GUI 인 것처럼 보이므로 직접 사용하는 데 아무런 문제가 없다고 생각합니다. 유형

lessc --help

그것을 사용하는 방법을 배우기 위해.

.less 파일을 변경할 때마다 자동으로 컴파일되도록하려면 다음 -w옵션을 사용할 수 있습니다 .

~$ lessc test.less -w
* Watching for changes in test.less... Ctrl-C to abort.
: Change detected... * Updated test.css
: Change detected... * Updated test.css

Ctrl+ Z를 누르고을 입력 하여이 프로세스를 백그라운드에 배치 하고 bg원하는만큼 시작할 수 있습니다. 을 수행 fg하거나 fg 3세 번째 프로세스에서 모든 작업 및 숫자 유형 목록을 가져 와서 포 그라운드로 다시 가져올 수 있습니다 jobs.


감사합니다! 지금은 Less.js ( bit.ly/9bG1E9 )를 사용하지만 루비 컴파일러에 시도해 볼 것입니다. GUI는 나에게 중요하지 않습니다. 그러나 내가 정말로 좋아하는 것은 내 .less 파일을보고 .less 파일에 변경 사항을 저장할 때마다 .css를 컴파일하는 도구입니다. 앱, CLI 또는 gedit 플러그인을 통해 수행되는 방법은별로 중요하지 않습니다.
Mood

@ 무드, 그렇게합니다-대답에 추가하겠습니다.
Stefano Palazzo

1
와! 다시 감사합니다. 그것이 바로 내가 찾는 것입니다.
Mood

2

내 지식으로는 루비가 연결 연산자를 처리하기에 충분히 업데이트되지 않았습니다.

less.js를 사용하여 비 Mac 플랫폼 용으로 저장시 .less를 컴파일하는 솔루션에 관심이있는 사용자는 이 설치 안내서 *를 확인하십시오 . 튜토리얼은 Windows 사용자를 대상으로하지만 시스템에서 Node.js얻을 수 있으면 스크립트 자체가 동일하게 작동 한다고 생각합니다 .

* 면책 조항 :이 튜토리얼은 나의 것입니다. 사람들이 위의 포스터가 "Use Node.js"의 의미를 구체적으로보고 싶을 수도 있다고 생각했습니다. 파일 저장시 Node.js를 사용하여 LESS를 컴파일하는 데 필요한 스크립트를 온라인에서 찾을 수 없으므로 하나를 요리하고 공유 할 것이라고 생각했습니다.


참여하는 것이 좋지만, 사이트에 Windows 솔루션으로 게시물을 광고하는 것이 이상하게 보입니까? 이것은 다른 답변이하지 않는 것을 추가합니까?
belacqua

예-비 루비, 비 MacOSX node.js와 함께 작동하는 less.js 스크립트를 사용할 수 있으므로 Node.js를 컴파일 할 수있는 MacOSX 사용자가 아닌 사람은 즉시 .less 컴파일을 즐길 수 있습니다.

Node.js를 실행하는 것은 어렵지 않습니다. 확실하지 않거나이 기사 codediesel.com/linux/installing-node-js-on-ubuntu-10-04를 따랐 지만 Node.js는 곧 설정되었습니다. Less.js를 설정하면 머리카락이 약간 나옵니다. Ubuntu에서 Node.js를 실행하면 Joseph의 자습서의 단계에 따라 less.js를 시작하고 실행할 수 있으므로이 스레드에 도움이됩니다.
Mood


1

Ubuntu 12.10에서도 명령 줄 컴파일러를 설치할 수 있습니다.

sudo apt-get install node-less

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.