2013-11-14 5 views
9

Does Sublime Text supporta la modifica in tempo reale dei file?Does Sublime Text supporta la modifica in tempo reale dei file CSS/SASS?

Sto cercando un flusso di lavoro migliore. Mi piace molto il testo di Sublime, ma recentemente sono stato rovinato dalle funzionalità di "Live Editing" di strumenti come Codepen.io e (recentemente testati) Adobe Brackets. Quando torno a Sublime, anche Live Reload sembra un po 'goffo in confronto.

diretta Ricarica: Premere Salva per visualizzare in anteprima ..
sto usando il plugin LiveReload Chrome e, a seconda del progetto (Ruby o JS) userò Guardia o Grunt per guardare i file di sistema. Mi piace LiveReload. Ma dover premere "salva" su un file per vedere le sue modifiche nel browser mi sta facendo impazzire. Anche con l'iniezione di stile CSS (nessun ricaricamento completo del browser), sto volando alla cieca in confronto a Codepen e Brackets che hanno aggiornamenti istantanei durante la digitazione.

Altri strumenti di
** ** GUI Strumenti: Ho sentito parlare di strumenti come Codekit e martello. Per favore correggimi se sbaglio, ma sembra che facciano esattamente quello che fanno Gaurd e Grunt - eccetto la linea di comando.

** Spazi di strumenti di Chome **: la possibilità di modificare Sass nel browser è interessante. L'ho impostato, ma lo uso raramente. La modifica di HTML/CSS/Sass in Sublime Text è superiore a Chrome Tools in ogni modo. E a questo punto, è di gran lunga superiore a Adobe Brackets ed è per questo che non considero (a questo punto) di utilizzarlo (sembra che la maggior parte delle fantastiche funzioni di Brackets funzionino su vanilla CSS e non su Sass).

** Live Style: Ho provato questo e non riesco a farlo funzionare.

devo aver Googled "Live editing Sublime", "Live Refresh Codepen Sublime Text", ecc .. Un 000 volte quest'anno ed i risultati sono stati piuttosto scadente.

Se qualcuno ha qualche gemma di informazioni, considera questo per aggiungere a questo PER FAVORE!

+0

http://stackoverflow.com/questions/12823873/does-the-sublime-text-2-editor-support-real-time-html-css-preview – Pier

+0

Inoltre, sembra che Live Style sia solo per ST3 che è ancora in beta. – Pier

+0

Sto usando ST3, non riesco a far funzionare LS. Lo strumento di compilazione che sto usando, Middleman, mette il CSS generato da Sass in una cache dir (credo). Forse è per questo. –

risposta

2

Sì lo fa, tutto ciò che serve è takana: https://github.com/mechio/takana

Questo strumento crea un po 'di server che interagisce nel vivere il css carico della pagina. Tutto ciò che serve è configurare il server e aggiungere lo snippet di javascript al codice html (ovviamente lo rimuoverai in seguito ...). Per ora solo OSX, l'editing dal vivo funziona anche su diversi browser. Benvenuto al fantastico!

+0

Non sono stato in grado di far funzionare Takana con la mia cartella di compilazione. Non ho idea del perché. Migliori documenti per favore! – JCraine

+0

@JCraine dai uno sguardo [qui] (http://stackoverflow.com/questions/22755209/realtime-css-scss-edition-with-meteor-avoiding-server-restart/22755210#22755210) Ho spiegato l'intero processo usando la struttura di Meteor. Forse hai appena omesso la riga javascript o hai fornito la cartella sorgente errata per il css –

Problemi correlati