2010-06-06 12 views
32

Cercando di configurare LESS for CSS nella mia casella di Windows, ho installato rubino e rubygems e ho seguito esattamente the instructions.MENO CSS su Windows

Ho inserito teststyle.less in C:\.
Quando digito

lessc teststyle.less 

per compilarlo in un file css, ottengo un errore:

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

Fuori di coloro che hanno familiarità con meno, fare qualcuno di voi ha una soluzione al mio problema ?
Ho rovinato l'installazione?

+1

Ecco quattro belle soluzioni ** out of the box ** per Windows: - http://wearekiss.com/simpless - http://winless.org/ - http://koala-app.com/ - http://alphapixels.com/prepros/ – Bijan

risposta

2

Penso di aver trovato il problema. Nella mia prima installazione ho installato C: \ Program Files \ Ruby così ho disinstallato e provato il percorso di installazione predefinito 'C: \ Ruby'. Sembra che risolva il problema e ora funziona correttamente. Grazie.

17

Si dovrebbe guardare http://www.dotlesscss.org/, meno portabile su C# e appositamente progettato per .NET. Puoi usare un gestore o compilare.

Lo stavo usando da circa sei mesi, è fantastico.

Oops ... ha visto finestre e presupposto dot net, forse questo non è il tuo ambiente. In caso contrario, non importa ...

+5

Solo così sei consapevole che l'implementazione di ruby ​​non è più in fase di sviluppo attivo. È stato sostituito da http://github.com/cloudhead/less.js che gira sotto node.js. come Rob sottolinea, senza punti è un ottimo modo per compilare i tuoi file .less su Windows senza richiedere l'installazione di ruby. – tgmdbm

+0

l'url effettivo è http://www.dotlesscss.org/ –

+0

la compilazione dotLess di Bootstrap 2.1 fallisce a causa della mancanza (o incompleto) del supporto di meno argomenti. Vedere https://github.com/twitter/bootstrap/issues/4976 –

1

Ho una versione ricomposta di DotlessCss che può accettare meno codice dallo standard input e inviare il codice css allo standard output. Ho allegato al seguente collegamento LESS CSS Compiler for Windows

10

Edit:

lessc funziona su Windows ora. Vedi lo Github page about commandline LESS tools per le istruzioni di installazione e utilizzo. Gli strumenti Github page with a list of LESS GUI potrebbero anche essere interessanti.

risposta originale:

Lo strumento a riga di comando per lessc less.js non funziona su Windows. Se vuoi la compilazione della riga di comando dei tuoi file LESS, dai un'occhiata a this post.

Inoltre assicurati di controllare WinLess. WinLess è un compilatore (con GUI) per MENO. WinLess può guardare i tuoi file MENO e compilarli automaticamente quando sono cambiati. Se stai usando Visual Studio per i tuoi progetti dovresti anche dare un'occhiata allo BuildEventScript di winless.org.

Assicurarsi di controllare quale compilatore viene utilizzato quando si utilizzano programmi diversi per compilare il codice LESS. Se si utilizzano programmi che utilizzano compilatori diversi, è necessario prestare attenzione ai problemi di interoperabilità (codice LESS che funziona correttamente con un compilatore, ma non con un altro).

+2

FWIW, less.js funziona bene su Windows (ora). Forse non è successo quando hai postato questo, ma a partire da ora funziona. Installa nodo, avvia 'npm install less' e digita' lessc foo.less foo.css'. Funziona alla grande. – tig

+0

Ho appena compilato e sembra funzionare (installazione tramite npm su Windows). –

+0

@tig, David Faivre: hai ragione, funziona davvero ora. Non ricordare quale fosse il problema precedente, ma hai aggiornato la pagina Github per riflettere questa modifica. –

4

FYI, ho trovato questo strumento da riga di comando di Windows per compilare LESS in CSS utile. Usa less.js per fare la compilation. La sintassi del comando non è molto aggraziata, ma funziona bene.

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

+0

.. come un dato di fatto, è un wrapper attorno al compilatore less "nodejs + source", con un trucco intelligente per appiattire le dipendenze "node_modules" troppo profonde, per evitare un problema con Windows quando si supera un limite massimo lunghezza del percorso .. – Luke

3

Ho appena iniziato a utilizzare Crunch per compilare Bootstrap e la sua abbastanza impressionante. È basato su Adobe Air, che dovrai installare se non lo hai già.

1

Solo questo compilatore https://github.com/leafo/lessphp PHP non ha schiantato con la mia struttura folle progetto con le importazioni CSS in meno, ecc

Molto semplice comando di shell per la compilazione di meno per i CSS:

plessc input.less > output.css 
20

Se don 'Voglio usare la GUI per compilare MENO su Windows, c'è un modo pulito per ottenere il comando lessc sulla riga di comando di Windows. Richiede solo l'installazione di node.js, richiesta comunque dalla lessc originale.

Quindi, installare node.js (http://nodejs.org/) e installare il modulo "less" per node.js. Quest'ultimo fornisce anche lessc eseguibile (lessc.cmd su Windows), quindi dovresti assicurarti che sia sotto il tuo PERCORSO in Windows.

Se non avete ancora node.js, qui ci sono passo-passo le istruzioni:

  • Installare node.js (http://nodejs.org/)
  • In nuova riga di comando, vanno a nodo. js directory di installazione (dove si trova node.exe) ed esegui > npm install less (assicurati di farlo solo dalla directory di installazione node.js)
  • Latter scarica meno il modulo per node.js, come pure lessc.cmd a node_modules/.bin/ directory. Aggiungere questo elenco per PATH
  • Ora, nella nuova linea di comando si può godere l'uso di lessc come al solito

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

+1

importante per aprire 'cmd' come amministratore per eseguire' npm install less' –

1

È possibile utilizzare Prepros App per le finestre. Può compilare less, sass, jade, stylus, markdown, coffeescript e haml con l'aggiornamento del browser in tempo reale.