LESS.app comme une application?


16

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.

Réponses:


25

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.


Merci Bryan, je n'étais pas au courant d'un compilateur Less.js autre que celui qui doit être injecté dans la page - je suppose qu'un portage de Less.app pour Ubuntu est hors de question. ;)
Mood


Less.js fonctionne-t-il sur les machines de construction sans tête? J'obtiens une "ReferenceError: la fenêtre n'est pas définie" lorsque j'essaye de l'exécuter.
Kathy Van Stone

Notez que la version rubis de less fonctionne désormais avec less.js
Kathy Van Stone

3

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.


Je vous remercie! En ce moment, j'utilise Less.js ( bit.ly/9bG1E9 ) mais je vais essayer le compilateur ruby. L'interface graphique n'est pas importante pour moi. Mais ce que j'aime vraiment, c'est un outil qui surveille mes fichiers .less et compile un .css chaque fois que j'enregistre des modifications dans mon fichier .less. Comment cela se fait, via une application, une CLI ou un plug-in gedit n'a pas beaucoup d'importance pour moi.
Mood

@Mood, il fait ça - je vais l'ajouter à la réponse.
Stefano Palazzo

1
Hou la la! Merci encore. C'est exactement ce que je recherche.
Mood

2

À 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.


C'est formidable d'avoir votre participation, mais cela semble étrange - la publicité d'un message sur votre propre site pour une solution Windows? Est-ce que cela ajoute quelque chose que les autres réponses ne font pas?
belacqua

Oui - non rubis, non MacOSX. Vous pouvez utiliser le script less.js qui fonctionne avec node.js, afin que les utilisateurs non MacOSX qui peuvent compiler Node.js puissent profiter d'une compilation instantanée sans.

Faire fonctionner Node.js n'est pas difficile. Pas sûr ou j'ai suivi cet article codediesel.com/linux/installing-node-js-on-ubuntu-10-04 mais Node.js a été installé en un rien de temps. La mise en place de Less.js m'a cependant obligé à retirer quelques poils. Je suppose qu'une fois que vous avez Node.js en cours d'exécution sur Ubuntu, vous pouvez suivre les étapes du tutoriel de Joseph pour obtenir less.js et fonctionner et c'est donc un ajout utile à ce fil.
Humeur

2

Sous Ubuntu 11.10, vous pouvez simplement émettre un

sudo apt-get install lessc

1

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

sudo apt-get install node-less

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.