2010-06-06 4 views
32

En essayant d'installer LESS for CSS sur ma boîte Windows, j'ai installé ruby ​​et rubygems et suivi exactement the instructions. J'ai mis teststyle.less dans C:\.
Lorsque je tapeMOINS CSS sur Windows

lessc teststyle.less 

de le compiler dans un fichier Css, je reçois une erreur:

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

Sur ceux qui sont familiers avec moins, faire tout vous une solution à mon problème ?
Ai-je déréglé l'installation?

+1

Voici quatre belles solutions ** prêtes à l'emploi ** pour Windows: - http://wearekiss.com/simpless - http://winless.org/ - http://koala-app.com/ - http://alphapixels.com/prepros/ – Bijan

Répondre

2

Je pense avoir trouvé le problème. Dans ma première installation j'ai installé à C: \ Program Files \ Ruby alors j'ai désinstallé et essayé le chemin d'installation par défaut 'C: \ Ruby'. Semble résoudre le problème et il fonctionne maintenant correctement. Merci.

17

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

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

Oups ... vu les fenêtres et supposé dot net, peut-être que ce n'est pas votre environnement. Si non, peu importe ...

+5

Juste pour que vous soyez conscient que l'implémentation de ruby ​​n'est plus en développement actif. Il est remplacé par http://github.com/cloudhead/less.js qui fonctionne sous node.js. Comme le souligne Rob, dotless est un excellent moyen de compiler vos fichiers .less sur Windows sans avoir besoin d'installer ruby. – tgmdbm

+0

l'URL réelle est http://www.dotlesscss.org/ –

+0

dotLess compilation de Bootstrap 2.1 échoue en raison de l'absence de (ou incomplète?) Le soutien de moins d'arguments. Voir https://github.com/twitter/bootstrap/issues/4976 –

1

J'ai une version recompilée de DotlessCss qui peut accepter moins de code depuis l'entrée standard et sortir le code CSS vers la sortie standard. Je joins à ce sur le lien suivant LESS CSS Compiler for Windows

10

Edit:

lessc fonctionne sur Windows maintenant. Voir le Github page about commandline LESS tools pour les instructions d'installation et d'utilisation. Les outils Github page with a list of LESS GUI pourraient également être intéressants.

réponse originale:

L'outil de ligne de commande pour lessc less.js ne fonctionne pas sous Windows. Si vous voulez compiler vos fichiers LESS en ligne de commande, vous devriez vérifier this post.

Assurez-vous également de vérifier WinLess. WinLess est un compilateur (avec GUI) pour MOINS. WinLess peut regarder vos fichiers MOINS et les compiler automatiquement quand ils ont changé. Si vous utilisez Visual Studio pour vos projets, vous devriez également consulter le BuildEventScript de winless.org.

Assurez-vous de 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).

+2

FWIW, less.js fonctionne correctement sous Windows (maintenant). Peut-être que ce n'était pas le cas lorsque vous avez posté cela, mais pour l'instant cela fonctionne. Installez le noeud, exécutez 'npm install less' et tapez' lessc foo.less foo.css'. Fonctionne très bien. – tig

+0

Je viens de compiler aussi et cela semble fonctionner (installation via npm sur windows). –

+0

@tig, David Faivre: tu as raison, ça marche en effet maintenant. Je ne me souviens plus du problème, mais j'ai mis à jour la page Github pour refléter ce changement. –

4

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

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

+0

.. en fait, c'est un wrapper autour du compilateur "nodejs + source" moins, avec un truc astucieux pour aplatir les dépendances "node_modules" trop profondes, pour éviter un problème de windows en dépassant une limite sur le maximum longueur du chemin .. – Luke

3

Je viens de commencer à l'aide Crunch pour compiler Bootstrap et son assez impressionnant. Son construit sur Adobe Air, que vous devrez installer si vous ne l'avez pas déjà.

1

Seulement ce compilateur https://github.com/leafo/lessphp PHP n'a pas écrasé avec ma structure folle de projet avec les importations CSS en moins, etc.

commande shell est très simple pour la compilation MOINS CSS:

plessc input.less > output.css 
20

Si vous ne ne veulent pas utiliser GUI pour compiler LESS sur Windows, il existe un moyen propre d'obtenir la commande lessc sur la ligne de commande Windows. Il vous suffit d'installer node.js, ce qui est requis par lessc original de toute façon. Donc, installez node.js (http://nodejs.org/) et installez 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 est sous votre CHEMIN sous Windows.

Si vous n'avez pas encore Node.js, voici des instructions étape par étape:

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

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

+1

important d'ouvrir 'cmd' en tant qu'administrateur pour exécuter' npm installer less' –

1

Vous pouvez utiliser Prepros App pour Windows. Il peut compiler moins, sass, jade, stylet, démarque, coffeescript et haml avec l'actualisation du navigateur en direct.