LESS.app como aplicação?


16

Recentemente, descobri um aplicativo OS X chamado LESS.app . É basicamente um aplicativo para compilar e compactar arquivos * .less em arquivos * .css e faz isso em tempo real. Quero saber ou posso arquivar a mesma coisa no Ubuntu e como fazê-lo.

Respostas:


25

Bryan aqui. Desenvolvedor de Less.app.

Eu recomendo CONTRA o uso da versão mais antiga do LESS (a baseada em Ruby). Less.js não é apenas uma porta javascript do LESS, é uma reescrita básica que melhora várias coisas, adiciona suporte para coisas que a versão antiga do Ruby não possui e aumenta a velocidade do compilador em cerca de 84%.

Em vez de instalar a gem Ruby, instale o Node.js e execute o Less.js através do Node na linha de comando. Você ainda terá toda a funcionalidade -watch, mas usará o Less.js para fazê-lo, o que significa que sua vida será muito melhor.

Como alternativa, use Less.js como um script no site que você está criando. Isso funcionará para o desenvolvimento. Quando você terminar de codificar, simplesmente copie o CSS que o Less.js gera (do inspetor do navegador) e coloque-o em um arquivo, adicione uma extensão .css, remova a tag de script Less.js das páginas HTML e substitua o Arquivo CSS que você acabou de criar.

De qualquer forma, use Less.js.


Graças Bryan, eu não estava ciente de um compilador diferente daquele que tem Less.js para ser injetado na página -Eu suponha que um porto de Less.app para Ubuntu está fora de questão. ;)
Mood


Trabalho não less.js em máquinas de construção sem cabeça? Estou recebendo um "ReferenceError: janela não está definido" quando eu tentar executá-lo.
Kathy Van Pedra

Note-se que a versão de rubi de menos agora foge de less.js
Kathy Van Pedra

3

Nota

Leia a resposta de Bryan. Ele sabe do que está falando. ;-)

Você pode apenas instalar menos .

  1. Instale rubygems e menos

    sudo apt-get install rubygems
    sudo gem install less
    
  2. A documentação oficial observa:

    Para fazer o gem funcionar corretamente, você deve escrever o caminho do gem para PATH e adicionar a ~ / .bashrc:

     export PATH=/var/lib/gems/1.8/bin:$PATH
    
  3. Você pode usar o menos compilador fazendo

    lessc style.less
    

Eu não acho que exista uma interface gráfica como a que você está vinculado. Mas como parece ser apenas uma interface muito superficial sobre o compilador menos real, acho que você não terá problemas para usá-lo diretamente. Tipo

lessc --help

para aprender como usá-lo.

Se você deseja que seus arquivos .less sejam compilados automaticamente sempre que os alterar, é possível usar a -wopção:

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

Você pode colocar esse processo em segundo plano pressionando Ctrl+ Ze digitando bge inicie quantas desejar. Você pode trazê-los de volta ao primeiro plano executando fg, ou fg 3para o terceiro processo, obter uma lista de todos os trabalhos e seu tipo de números jobs.


Obrigado! Agora eu uso Less.js ( bit.ly/9bG1E9 ), mas vou dar o compilador ruby uma tentativa. A GUI não é importante para mim. Mas o que eu realmente gostaria de ter é uma ferramenta que assistir meu arquivo .less (s) e compilar uma CSS cada vez que eu salvar as alterações em meu arquivo .less. Como isso é feito, por meio de um aplicativo, CLI ou plug-in gedit, não importa muito para mim.
Humor

@Mood, ele faz isso - eu vou adicioná-lo à resposta.
Stefano Palazzo

11
Uau! Obrigado novamente. É exatamente isso que estou procurando.
Humor

2

Que eu saiba, menos ruby ​​não é atualizado o suficiente para lidar com o operador de concatenação.

Para os interessados ​​em uma solução que compila .less ao salvar para plataformas não-mac usando less.js, consulte este guia de instalação *. Embora o tutorial seja voltado para usuários do Windows, imagino que se você puder obter o Node.js em seu sistema, o próprio script funcionará da mesma maneira.

* Aviso: Este tutorial é meu. Apenas pensei que as pessoas pudessem querer ver especificamente o que o pôster acima queria dizer com "Usar Node.js". Eu não era capaz de encontrar qualquer script online usando Node.js para compilar MENOS sobre Arquivo Salvar, então eu cozinhei um para cima e pensei que eu iria partilhá-la.


É ótimo ter sua participação, mas isso parece estranho - anunciar uma postagem em seu próprio site para uma solução do Windows? Isso adiciona algo que as outras respostas não acrescentam?
Belacqua

Sim - não ruby, não MacOSX. Você pode usar o script less.js que funciona com o node.js, para que usuários que não sejam MacOSX que possam compilar o Node.js. possam desfrutar de uma compilação .less instantânea.

Colocar o Node.js em execução não é difícil. Não tenho certeza ou segui este artigo codediesel.com/linux/installing-node-js-on-ubuntu-10-04-04, mas o Node.js foi configurado em pouco tempo. Configurar o Less.js, no entanto, me fez arrancar alguns pelos. Eu acho que uma vez que você tenha o Node.js em execução no Ubuntu, siga as etapas no tutorial de Joseph para obter less.js em funcionamento e, portanto, essa é uma adição útil a esse segmento.
Mood

2

No Ubuntu 11.10, você pode simplesmente emitir um

sudo apt-get install lessc

1

você pode instalar o compilador de linha de comando no Ubuntu 12.10 também:

sudo apt-get install node-less

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.