Live editing (CSsedit-like) sass / meno senza cmd-s?[Chiuso]
Domanda
Mi piacerebbe davvero passare a un preprocessore CSS come Sass o meno, ma sono troppo abituato con la mia installazione attuale e non ho visto soluzioni che esistono per me. Ci sono?
Attualmente uso CSSEDIT sul Mac che è un editor di Live CSS. Ogni volta che le persone parlano di questo sembrano pensare "live" significa che la pagina ricarica ogni volta che salvi il file. Questo non è quello che intendo. Se sto digitando alcuni CSS in CSSEDIT, le modifiche vengono visualizzate come-i-i, senza dover salvare il file. Questo è un saver del tempo, specialmente se si utilizza la prova ed errore per decidere ad esempio. Quanta imbottitura mettere su un elemento o provare diversi colori.
Quindi tutto il sass o meno le opzioni sembrano essere, scrivere sass / meno, premere cmd + s , la pagina ricarica e vedi le modifiche. Questo non è abbastanza buono per me. C'è qualcosa che posso fare?
Per complicare ulteriormente le cose, CSsedit è stata ora abbandonata dal suo sviluppatore a favore dell'espresso, che non mi sono ancora trasferito perché è ancora privo di alcune delle funzionalità di cui dipendo (personalizzazione della riformattazione del codice per uno).
Soluzione
livereload al salvataggio!
Non penso che troverai una soluzione che non richiede di salvare il file.
Altri suggerimenti
Meno supporto di sintassi in vari editor non è ancora ampio, quindi ci vorrà del tempo prima che tale funzionalità sofisticata esisterà.
Richiederebbe all'editor di compilare ogni modifica del file, e questo non sarebbe efficace per compilare quando si digita A Lettera ... Quindi forse dovrebbe compilare quando c'è Sintassi valida (compilata senza errori) ... che potrebbe non renderlo così "dal vivo". Potrebbe essere compilato a CSS o usare meno.JS, forse quest'ultimo potrebbe soddisfare questo scopo meglio (non è necessario utilizzare software esterno). Testa a Sublime Text Plugin Development e forse scrivere tale plug-in? :) Sublime Text è il miglior editor che ho usato, anche a causa della sua flessibilità quando si tratta di plugin. Quindi forse?
Altrimenti dovrai continuare a utilizzare CSSEDIT e eseguire la modifica del CSS Live come descritto e quindi copia semplicemente il codice cambiato in meno file - Ricorda che qualsiasi CSS è valido meno . Faccio lo stesso in Safari / Inspector Chrome o Firebug e quindi applica le modifiche in file .lessless. Non ideale ma funziona ..
A mio parere, questo progetto sembra davvero promettente: https://sviluppatori.google.com/chrome-developer-tools/docs/css-preprocessori