LESS.app comme une application?

Récemment, j'ai découvert une application OS X appelée LESS.app . Il s'agit essentiellement d'une application pour compiler et réduire les fichiers * .less en fichiers * .css et le fait en temps réel. Je veux savoir ou je peux archiver la même chose dans Ubuntu et comment s'y prendre.

Bryan ici. Développeur de Less.app.

Je recommande fortement CONTRE l'utilisation de l'ancienne version de LESS (celle basée sur Ruby). Less.js n'est pas seulement un port javascript de LESS, c'est une réécriture à la base qui améliore une tonne de choses, ajoute la prise en charge de choses que l'ancienne version Ruby n'a pas et augmente la vitesse du compilateur d'environ 84%.

Plutôt que d'installer la gemme Ruby, installez Node.js et exécutez Less.js via Node à partir de la ligne de commande. Vous aurez toujours toutes les fonctionnalités de -watch, mais vous utiliserez Less.js pour le faire, ce qui signifie que votre vie sera bien meilleure.

Vous pouvez également utiliser Less.js comme script dans le site Web que vous créez. Cela fonctionnera pour le développement. Lorsque vous avez terminé de coder, copiez simplement le CSS généré par Less.js (à partir de l'inspecteur de votre navigateur) et placez-le dans un fichier, ajoutez une extension .css, puis supprimez la balise de script Less.js des pages HTML et remplacez le Fichier CSS que vous venez de créer.

Dans les deux cas, utilisez Less.js.

Remarque

Lisez la réponse de Bryan. Il sait de quoi il parle. ;-)

Vous pouvez simplement installer moins .

1. Installez rubygems et moins

   sudo apt-get install rubygems
   sudo gem install less
   

2. La documentation officielle fait remarquer:

   Pour que gem fonctionne correctement, vous devez écrire le chemin de gem vers PATH ajouter à ~ / .bashrc:

    export PATH=/var/lib/gems/1.8/bin:$PATH
   

3. Vous pouvez ensuite utiliser le moins de compilateur en faisant

   lessc style.less
   

Je ne pense pas qu'il existe une interface graphique comme celle à laquelle vous êtes lié. Mais comme il semble que ce soit un gui très superficiel en plus du vrai compilateur moins, je ne pense pas que vous aurez des problèmes à l'utiliser directement. Type

lessc --help

pour apprendre à l'utiliser.

Si vous souhaitez que vos fichiers .less soient automatiquement compilés chaque fois que vous les modifiez, vous pouvez utiliser l' -woption:

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

Vous pouvez mettre ce processus en arrière-plan en appuyant sur Ctrl+ Zet en tapant bg, et en commencer autant que vous le souhaitez. Vous pouvez les ramener au premier plan en faisant fg, ou fg 3pour le troisième processus, pour obtenir une liste de tous les travaux et leur type de nombre jobs.

À ma connaissance, ruby ​​less n'est pas suffisamment mis à jour pour gérer même l'opérateur de concaténation.

Pour ceux qui s'intéressent à une solution qui compile .less lors de l'enregistrement pour les plates-formes non mac en utilisant less.js, vous pouvez consulter ce guide d'installation *. Bien que le tutoriel s'adresse aux utilisateurs de Windows, j'imagine que si vous pouvez obtenir Node.js sur votre système, le script lui-même fonctionnera de la même manière.

* Avertissement: ce tutoriel est le mien. Je pensais juste que les gens voudraient voir précisément ce que l'affiche ci-dessus voulait dire par "Utiliser Node.js". Je n'ai pas pu trouver de scripts en ligne pour utiliser Node.js pour compiler MOINS lors de l'enregistrement du fichier, alors j'en ai préparé un et j'ai pensé que je le partagerais.

Sous Ubuntu 11.10, vous pouvez simplement émettre un

sudo apt-get install lessc

vous pouvez également l'installer le compilateur de ligne de commande dans Ubuntu 12.10:

sudo apt-get install node-less

Il y a aussi http://koala-app.com/ .

http://crunchapp.net/ était mon préféré, mais nous devons remercier Adobe d'avoir abandonné AIR pour Linux.