LESS.app come l'applicazione?

Recentemente ho scoperto un'applicazione OS X chiamata LESS.app . È fondamentalmente un'app per compilare e minimizzare i file * .less in file * .css e lo fa in tempo reale. Voglio sapere o posso archiviare la stessa cosa in Ubuntu e come procedere.

Bryan qui. Sviluppatore di Less.app.

Consiglio vivamente CONTRO di utilizzare la versione precedente di LESS (quella basata su Ruby). Less.js non è solo una porta javascript di LESS, è una riscrittura approfondita che migliora un sacco di cose, aggiunge il supporto per cose che la vecchia versione di Ruby non ha e aumenta la velocità del compilatore di circa l'84%.

Invece di installare la gemma Ruby, installa Node.js ed esegui Less.js attraverso Node dalla riga di comando. Avrai ancora tutte le funzionalità di -watch, ma utilizzerai Less.js per farlo, il che significa che la tua vita sarà molto migliore.

In alternativa, utilizzare Less.js come script nel sito Web che si sta creando. Questo funzionerà per lo sviluppo. Al termine della codifica, copia semplicemente il CSS generato da Less.js (dall'ispettore del browser) e inseriscilo in un file, aggiungi un'estensione .css, quindi rimuovi il tag di script Less.js dalle pagine HTML e sostituisci il File CSS appena creato.

In entrambi i casi, usa Less.js.

Nota

Leggi la risposta di Bryan. Sa di cosa sta parlando. ;-)

Puoi semplicemente installare di meno .

1. Installa rubygem e meno

   sudo apt-get install rubygems
   sudo gem install less
   

2. La documentazione ufficiale osserva:

   Per far funzionare correttamente gem, dovresti scrivere il percorso di gem su PATH, aggiungere a ~ / .bashrc:

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

3. È quindi possibile utilizzare il meno compilatore facendo

   lessc style.less
   

Non penso che ci sia una GUI come quella a cui ti sei collegato. Ma dal momento che sembra essere solo una gui molto superficiale in cima al compilatore meno reale, non penso che avrai problemi ad usarlo direttamente. genere

lessc --help

per imparare come usarlo.

Se vuoi che i tuoi file .less vengano compilati automaticamente ogni volta che li modifichi, puoi usare l' -wopzione:

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

Puoi mettere questo processo in background premendo Ctrl+ Ze digitando bg, e iniziare quanti ne vuoi. Puoi riportarli in primo piano facendo fg, o fg 3per il terzo processo, per ottenere un elenco di tutti i lavori e il loro tipo di numeri jobs.

Per quanto ne sappia, ruby ​​less non è abbastanza aggiornato per gestire anche l'operatore di concatenazione.

Per coloro che sono interessati a una soluzione che compila .less al momento del salvataggio per piattaforme non mac utilizzando less.js, è possibile consultare questa guida all'installazione *. Sebbene il tutorial sia rivolto agli utenti di Windows, immagino che se riesci a ottenere Node.js sul tuo sistema, lo script stesso funzionerà allo stesso modo.

* Disclaimer: questo tutorial è mio. Ho pensato che le persone potrebbero voler vedere in particolare cosa significava il poster sopra "Usa Node.js". Non sono riuscito a trovare alcuno script online per l'utilizzo di Node.js per compilare MENO al salvataggio del file, quindi ne ho cucinato uno e ho pensato di condividerlo.

Sotto Ubuntu 11.10, puoi semplicemente emettere a

sudo apt-get install lessc

puoi installarlo anche dal compilatore della riga di comando in Ubuntu 12.10:

sudo apt-get install node-less

C'è anche http://koala-app.com/ .

http://crunchapp.net/ era il mio preferito, ma dobbiamo ringraziare Adobe per aver interrotto AIR per Linux.