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
Problemi correlati
- 1. Does Sublime Text supporta la modifica in tempo reale dei file CSS/SASS?
- 2. HTML nel Sublime Text 2
- 3. Sublime Text 2/sublimeLinter: solo Python è in tempo reale background colorato
- 4. Sublime Text 2 Formattazione codice
- 5. Sublime Text 2 e MinGW
- 6. Sublime Text 2 e R
- 7. Sublime Text 2 Service
- 8. Sublime Text 2 & PYTHONPATH
- 9. Scorciatoie da tastiera HTML in Sublime Text 2?
- 10. Installazione di pacchetti in Sublime Text 2
- 11. Sublime Text 2 numeri incremento
- 12. Completamento origine immagine per Sublime Text 2
- 13. Disattiva completamento automatico in Sublime REPL in Sublime Text 2
- 14. Titanium sviluppo in Sublime Text 2
- 15. Scheda Backspace in Sublime Text 2
- 16. Evidenziazione della sintassi in Sublime Text 2
- 17. Evidenziazione sintassi personalizzata in Sublime Text 2
- 18. Ingresso console Java in Sublime Text 2?
- 19. Sublime Text 2 plug in anteprima immagine
- 20. Evidenziare rspec in sublime text 2
- 21. Modifica di Sublime Text 2 per JS
- 22. Sublime Text 2 tab_size non attivato correttamente
- 23. Sublime Text 2 - Visualizza caratteri di spaziatura
- 24. Sublime Text 2 - Tipo di documento predefinito
- 25. Sublime Text 2 snippet di codice
- 26. Sublime Text 2, jsp nascosta commento scorciatoia
- 27. Finestra terminale all'interno di Sublime Text 2
- 28. Mostra plugin attivi in Sublime Text 2 e li disabilita
- 29. Come fare queste 2 cose in Sublime Text 2?
- 30. Ricerca e sostituzione di lotti per Sublime Text 2
>>> [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 **. –