33 votes

LESS CSS sur Windows

J'essaie de mettre en place LESS pour CSS sur mon ordinateur Windows, j'ai installé ruby et rubygems et j'ai suivi les instructions suivantes les instructions exactement.

J'ai mis teststyle.less sur C:\ .
Quand je tape

lessc teststyle.less

pour le compiler dans un fichier .css, j'obtiens une erreur :

The filename, directory name, or volume label syntax is incorrect.

Parmi ceux qui connaissent LESS, certains ont-ils une solution à mon problème ?
J'ai raté l'installation ?

21voto

Timur Points 2284

Si vous ne souhaitez pas utiliser l'interface graphique pour compiler LESS sous Windows, il existe un moyen propre d'obtenir la commande lessc sur la ligne de commande Windows. Il suffit d'installer node.js, qui est de toute façon requis par la commande lessc originale.

Donc, installez node.js ( http://nodejs.org/ ) et installer le module "less" pour node.js. Ce dernier fournit également l'exécutable lessc (lessc.cmd sous Windows), vous devez donc vous assurer qu'il se trouve dans votre PATH sous Windows.

Si vous ne disposez pas encore de node.js, voici des instructions étape par étape :

  • Installez node.js ( http://nodejs.org/ )
  • Dans la nouvelle ligne de commande, allez dans le répertoire d'installation de node.js (où se trouve node.exe), et exécutez > npm install less (assurez-vous de le faire uniquement à partir du répertoire d'installation de node.js)
  • Ce dernier télécharge moins de module pour node.js, ainsi que lessc.cmd à node_modules/.bin/ répertoire. Ajoutez ce répertoire à PATH
  • Maintenant, dans une nouvelle ligne de commande, vous pouvez apprécier l'utilisation de lessc comme d'habitude

Source : http://pragmatictim.blogspot.fr/2012/08/developing-with-less-on-Windows-getting.html

17voto

Rob Points 3409

Vous devriez regarder http://www.dotlesscss.org/ moins porté vers C# et spécifiquement conçu pour .NET. Vous pouvez utiliser soit un gestionnaire, soit un compilateur.

Je l'utilise depuis environ six mois, c'est génial.

Oups...j'ai vu Windows et j'ai supposé point net, peut-être que ce n'est pas votre environnement. Si ce n'est pas le cas, tant pis...

10voto

Mark Lagendijk Points 1232

Edit :

lessc fonctionne sous Windows maintenant. Voir le Page Github sur les outils LESS en ligne de commande pour les instructions d'installation et d'utilisation. Le site Page Github avec une liste de GUI LESS peuvent également être intéressants.

Réponse originale :

L'outil de ligne de commande lessc pour less.js ne fonctionne pas sous Windows. Si vous souhaitez compiler vos fichiers LESS en ligne de commande, vous pouvez consulter le site suivant ce poste .

N'oubliez pas non plus de consulter WinLess . WinLess est un compilateur (avec interface graphique) pour LESS. WinLess peut surveiller vos fichiers LESS, et les compiler automatiquement lorsqu'ils ont été modifiés. Si vous utilisez Visual Studio pour vos projets, vous devriez également consulter l'application BuildEventScript de winless.org.

Veillez à vérifier quel compilateur est utilisé lorsque vous utilisez différents programmes pour compiler votre code LESS. Si vous utilisez des programmes qui utilisent des compilateurs différents, vous devez faire attention aux problèmes d'interopérabilité (le code LESS fonctionne correctement avec un compilateur, mais pas avec un autre).

4voto

thaddeusmt Points 8012

Pour info, j'ai trouvé utile cet outil de ligne de commande Windows pour compiler LESS en CSS. Il utilise less.js pour effectuer la compilation. La syntaxe de la commande n'est pas très gracieuse, mais elle fonctionne bien.

https://github.com/duncansmart/less.js-Windows

3voto

Jeremy D Points 1020

Je viens de commencer à utiliser Crunch pour compiler Bootstrap et c'est plutôt génial. Il repose sur Adobe Air, que vous devrez installer si vous ne l'avez pas déjà.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X