sublime text 2 – Idearia Web Agency https://www.idearia.it Web Agency Roma Mon, 04 Nov 2013 09:09:35 +0000 it-IT hourly 1 https://www.idearia.it/wp-content/uploads/2013/01/favicon.png sublime text 2 – Idearia Web Agency https://www.idearia.it 32 32 Refresh Del Browser con Sublime Text! https://www.idearia.it/blog/refresh-del-browser-sublime-text/ https://www.idearia.it/blog/refresh-del-browser-sublime-text/#respond Mon, 28 Oct 2013 12:15:42 +0000 https://www.idearia.it/?p=6054 Sublime Text 2 è molto più di un semplice editor di testo, esso combina prestazioni straordinarie affiancate ad un enorme set di funzionalità. Oggi parleremo di una delle pratiche che più spesso capitano ad un webdesigner/developer, il refresh del browser dopo aver modificato un file.

L'articolo Refresh Del Browser con Sublime Text! sembra essere il primo su Idearia Web Agency.

]]> Sublime Text 2 è molto più di un semplice editor di testo, esso combina prestazioni straordinarie affiancate ad un enorme set di funzionalità. Oggi parleremo di una delle pratiche che più spesso capitano ad un webdesigner/developer, il refresh del browser dopo aver modificato un file.

sublime text browser refresh blog di Idearia

Utilizzando Sublime Text, è possibile ignorare questo passaggio e vedere immediatamente il risultato, tutto questo con un package Sublime Text chiamato BrowserRefresh-sublime.

Installazione Dei Pacchetti

Supponendo di aver installato il controllo dei pacchetti (Package Control) è possibile premere [highlight type=”1″ textcolor=”#000000″ bgcolor=”#9ef0a6″ bordercolor=”#1fa800″]Command + Shift + P[/highlight](OS X) oppure [highlight type=”1″ textcolor=”#000000″ bgcolor=”#9ef0a6″ bordercolor=”#1fa800″]Ctrl + Shift + P[/highlight] per visualizzare la tavolozza dei comandi e cercare il pacchetto di installazione.

install package sublime

Tutto il pacchetto Sublime Text sarà disponibile nel repository. Cercate browser Refresh e premete Invio per installarlo.

browser refresh sublime dal blog Idearia

Configurazione

Una volta che il pacchetto è stato installato, andare su [highlight type=”1″ textcolor=”#000000″ bgcolor=”#9ef0a6″ bordercolor=”#1fa800″] Preferences > Package Settings > Browser Refresh > Key Bindings – Users.[/highlight]. Questo vi porterà a un [highlight type=”1″ textcolor=”#000000″ bgcolor=”#ECECEC” bordercolor=”#1fa800″].sublime-keymap[/highlight] file in una nuova scheda.
Per impostazione predefinita, questo file è vuoto, quindi cerchiamo di aggiungere la seguente sintassi tra le parentesi quadre:

configurazione refresh browser sublime text

Per coloro che non hanno ancora familiarità con Sublime Text, tutte le impostazioni sono specificate con oggetti JavaScript, compresa la combinazione dei tasti.
Come possiamo vedere dalla sintassi di sopra, il Refresh del browser viene eseguito con la combinazione di tasti [highlight type=”1″ textcolor=”#000000″ bgcolor=”#9ef0a6″ bordercolor=”#1fa800″]Command + Shift + R [/highlight]. Se non avete dimestichezza con la combinazione di tasti predefinita, è sempre possibile modificare il valore all’interno della [highlight type=”1″ textcolor=”#000000″ bgcolor=”#ECECEC” bordercolor=”#1fa800″]”keys”: [“command + shift + r”][/highlight].

Inoltre potete modificare i seguenti argomenti per specificare un’azione:

Argomenti

Descrizione
auto_save Si specifica se il documento deve essere salvato prima che venga fatto il refresh del browser. È possibile impostare il valore su false per disabilitare questa azione.
delay Essa specifica il delay(ritardo) prima che la pagina venga aggiornata. Il tempo è specificato in secondi, quindi 1,0 sarà uguale ad un secondo.
activate_browser Si specifica se la finestra del browser dovrebbe essere attiva. Se il browser non è ancora aperto, colpendo i tasti lo aprirà. Se il browser è in esecuzione, saremo reindirizzati al browser. Suggerisco di impostare sempre a true.
browser_name Essa specifica quale browser utilizzare per aggiornare il documento. Per impostazione predefinita, è impostata su Google Chrome. Quindi, se Google Chrome non è la vostra preferenza, è possibile modificare con uno dei seguenti browser: Safari, Firefox, Opera, IE, Iron e Google Chrome Canary.

 

Con [highlight type=”1″ textcolor=”#000000″ bgcolor=”#9ef0a6″ bordercolor=”#1fa800″]Command + Shift + R[/highlight], il documento verrà salvato e reindirizzato al browser con relativo aggiornamento.

Note

[ul_list icon=”info”]

  • Il documento sul browser dovete aprirlo prima. In caso contrario, il documento non essendo aperto, non verrà aggiornato.
  • La scheda del browser che verrà aggiornata è quella attiva. Quindi, assicuratevi di stare nella scheda in cui viene visualizzato il documento.

[/ul_list]

Considerazioni

Siamo ora in grado di eseguire tre operazioni in una volta – Salva il documento, accedi al browser e Refresh – semplicemente premendo una combinazione di tasti. Ci auguriamo che questo suggerimento serva ad ottimizzare il vostro flusso di lavoro.

Fonte

L'articolo Refresh Del Browser con Sublime Text! sembra essere il primo su Idearia Web Agency.

]]> https://www.idearia.it/blog/refresh-del-browser-sublime-text/feed/ 0