MENOS.app como aplicación?


16

Recientemente descubrí una aplicación de OS X llamada LESS.app . Básicamente es una aplicación para compilar y minimizar archivos * .less en archivos * .css y lo hace en tiempo real. Quiero saber o puedo archivar lo mismo en Ubuntu y cómo hacerlo.

Respuestas:


25

Bryan aquí. Desarrollador de Less.app.

Recomiendo EN CONTRA utilizar la versión anterior de LESS (la basada en Ruby). Less.js no es solo un puerto javascript de MENOS, es una reescritura desde cero que mejora un montón de cosas, agrega soporte para cosas que la versión anterior de Ruby no tiene y aumenta la velocidad del compilador en aproximadamente un 84%.

En lugar de instalar la gema Ruby, instale Node.js y ejecute Less.js a través de Node desde la línea de comandos. Aún tendrá toda la funcionalidad de reloj, pero usará Less.js para hacerlo, lo que significa que su vida será mucho mejor.

Alternativamente, use Less.js como script en el sitio web que está creando. Esto funcionará para el desarrollo. Cuando haya terminado de codificar, simplemente copie el CSS que Less.js genera (del inspector de su navegador) y colóquelo en un archivo, agregue una extensión .css, luego elimine la etiqueta del script Less.js de las páginas HTML y sustituya el Archivo CSS que acaba de crear.

De cualquier manera, use Less.js.


Gracias Bryan, no estaba al tanto de un compilador Less.js que no sea el que tiene que ser inyectado en la página. Supongo que un puerto de Less.app para Ubuntu está fuera de discusión. ;)
Humor


¿Less.js funciona en máquinas de construcción sin cabeza? Recibo un "Error de referencia: la ventana no está definida" cuando intento ejecutarlo.
Kathy Van Stone

Tenga en cuenta que la versión rubí de less ahora se ejecuta fuera de less.js
Kathy Van Stone

3

Nota

Lee la respuesta de Bryan. Él sabe de lo que está hablando. ;-)

Simplemente puede instalar menos .

  1. Instalar rubygems y menos

    sudo apt-get install rubygems
    sudo gem install less
    
  2. Los comentarios de la documentación oficial :

    Para que la gema funcione correctamente, debe escribir la ruta de la gema a PATH y agregarla a ~ / .bashrc:

     export PATH=/var/lib/gems/1.8/bin:$PATH
    
  3. Luego puede usar el compilador less haciendo

    lessc style.less
    

No creo que haya una GUI como la que has vinculado. Pero dado que solo parece ser una interfaz gráfica de usuario muy superficial además del compilador real, no creo que tenga ningún problema para usarlo directamente. Tipo

lessc --help

para aprender a usarlo.

Si desea que sus archivos .less se compilen automáticamente cada vez que los cambie, puede usar la -wopción:

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

Puede poner este proceso en segundo plano presionando Ctrl+ Zy escribiendo bg, y comenzar tantos como desee. Puede traerlos de vuelta al primer plano haciendo fg, o fg 3para el tercer proceso, obtener una lista de todos los trabajos y su tipo de números jobs.


¡Gracias! En este momento uso Less.js ( bit.ly/9bG1E9 ) pero probaré el compilador de ruby. La GUI no es importante para mí. Pero lo que realmente me gusta es tener una herramienta que mire mis archivos .less y compile un archivo .css cada vez que guarde cambios en mi archivo .less. Cómo se hace, a través de una aplicación, CLI o un complemento gedit no me importa mucho.
Humor

@ Moood, hace eso: lo agregaré a la respuesta.
Stefano Palazzo

1
¡Guauu! Gracias de nuevo. Eso es exactamente lo que estoy buscando.
Humor

2

Que yo sepa, ruby ​​less no se actualiza lo suficiente como para manejar el operador de concatenación.

Para aquellos interesados ​​en una solución que compila .less al guardar para plataformas que no son Mac que usan less.js, puede consultar esta guía de instalación *. Aunque el tutorial está dirigido a usuarios de Windows, imagino que si puede obtener Node.js en su sistema, el script en sí funcionará igual.

* Descargo de responsabilidad: este tutorial es mío. Solo pensé que la gente podría querer ver específicamente lo que el cartel anterior significaba "Usar Node.js". No pude encontrar ningún script en línea para usar Node.js para compilar MENOS al guardar el archivo, así que preparé uno y pensé en compartirlo.


Es genial tener su participación, pero esto parece extraño: ¿anunciar una publicación en su propio sitio para obtener una solución de Windows? ¿Esto agrega algo que las otras respuestas no?
belacqua 02 de

Sí, no ruby, no MacOSX. Puede usar el script less.js que funciona con node.js, para que los usuarios que no sean de MacOSX que puedan compilar Node.js puedan disfrutar de una compilación instantánea .less.

Hacer que Node.js se ejecute no es difícil. No estoy seguro o seguí este artículo codediesel.com/linux/installing-node-js-on-ubuntu-10-04 pero Node.js se configuró en muy poco tiempo. Sin embargo, configurar Less.js me hizo sacar algunos pelos. Supongo que una vez que tenga Node.js ejecutándose en Ubuntu, puede seguir los pasos del tutorial de Joseph para poner en funcionamiento less.js y, por lo tanto, esta es una adición útil a este hilo.
Humor

2

En Ubuntu 11.10, simplemente puede emitir un

sudo apt-get install lessc

1

puedes instalarlo también en el compilador de línea de comandos en Ubuntu 12.10:

sudo apt-get install node-less

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.