31
L'editor di Sublime Text 2 supporta l'anteprima CSS in tempo reale HTML & CSS?L'editor di Sublime Text 2 supporta l'anteprima HTML e CSS in tempo reale?
A
risposta
0
Ho trovato il modo più semplice per utilizzare Sublime con live HTML e CSS è installare WAMP (www.wampserver.com/en/) o XAMPP (www.apachefriends.org/en/xampp.html) che installa un Server Web Apache, server PHP e Mysql sul tuo computer. Quindi puoi modificare i tuoi file in Sublime e fintanto che si trovano all'interno della cartella radice web di Apache (credo che sia wamp/htdocs o xampp/htdocs), allora puoi andare a localhost // filename.html e c'è il tuo html File. Salva in Sublime e aggiorna la pagina e ci sono le tue modifiche.
È anche possibile aprire il file html in Chrome o Firefox ma selezionando Apri con ... tuttavia, ho riscontrato che a volte se si dispone di contenuto o collegamenti dinamici, potrebbero non funzionare correttamente.
+2
Grazie per le informazioni. In realtà, ciò che ottengo dalla tua risposta è che, dopo aver eseguito questa procedura, c'è ancora "bisogno" di premere "Alt + Tab" per passare dall'editor di testo al browser e premere F5 per aggiornare la pagina web. Quello che voglio sapere è che, durante la codifica di Html e Css, se l'editor di Sublime Text 2 può visualizzare l'anteprima "it" in tempo reale nella sua finestra adiacente o no? – user1528138
+0
Non credo che ci sia un browser in Sublime, tuttavia, con tutti i pacchetti che hanno, ci potrebbe essere uno o qualche volta in futuro. Ho trovato questo video sull'utilizzo di Builds per visualizzare in anteprima il tuo lavoro in diversi browser. Spero che questo ti aiuti. http://www.youtube.com/watch?v=u8ufaPD-AnQ – koerbcm
40
C'è un pacchetto per questo: Browser Refresh di Giovanni Collazo. Supporta OS X e Windows 7 e tutti i principali browser.
È possibile installarlo tramite controllo del pacchetto (o manualmente) e attivare con super+shift+r nel Sublime Text 2.
non ho ancora testato personalmente dato che io uso CodeKit per questa funzionalità, ma sembra popolare.
Aggiornamento: un software compatibile con XP
di Windows
- LiveReload (versione per Windows è pre-alpha) - c'è anche un supporto Sublime Text 2 package
- XRefresh - deprecato versione di LiveReload (degno di nota per la compatibilità XP stabile)
- AutoHotKey-example
- VBS script - innescato da una scorciatoia da tastiera
estensioni di Chrome
Firefox addons
IE addons
Nota: le estensioni del browser si aggiorna a intervalli regolari, non quando si salva un file.
+0
grazie. Ma al momento, è solo per Mac e io sono su Windows XP. – user1528138
+0
Che browser stai usando? (Per eventuali futuri lettori, il plugin * è * compatibile con Windows 7) – Sara
+1
Ho aggiornato la mia risposta con alcune alternative compatibili con Windows XP, speriamo che una di queste funzioni. – Sara
>>> [Dai un'occhiata alla mia risposta qui] (http://stackoverflow.com/questions/19985105/does-sublime-text-support-live-editing-of-css-sass-files/22754714# 22754714) (solo OSX) –
Non avrei sviluppato [LIVEditor] (http://liveditor.com) se il testo sublime ha ** un'anteprima in tempo reale integrata in html e css **. –