Nel text sublime come si taglia il codice di scrittura?

Le mie scuse, ma non so cosa sia chiamato, se questo è stato chiesto o quale sito Stack è più adatto per. Ho visto diversi video su come la gente utilizza Sublime per creare tag più veloci e vorrei imparare il modo giusto per farlo se c'è una documentazione o cosa posso fare più veloce nella mia codifica.

In parecchi video vedo la gente fare cose come:

div.class e creerà <div class="class"></div> dopo la tab .

La function descritta fa parte del text Sublime 2 fuori dalla scatola. Assicurati che il documento utilizzi la syntax HTML ( Visualizza »Sintassi» HTML ).

Digita foo.bar , premi Tab , e otterrai <foo class="bar"></foo> . C'è anche foo#bar (per id invece che class ). Entrambe sono implementate in Packages /HTML/html_completions.py .

Emmet / Zen-Coding

Emmet è un plugin in cui si scrive la struttura di base in un modo CSS-selettore-like e l'editor lo espande. È ansible trovare il pacchetto in GitHub e installarlo tramite il Package manager.

Questo Smashing Magazine ha un articolo su di esso . Per esempio,

 (.foo>h1)+(.bar>h2) 

espanderà con la scheda a

 <div class="foo"> <h1></h1> </div> <div class="bar"> <h2></h2> </div> 

Avvolgere la selezione nei tag

Quello che puoi anche fare è premere Alt Shift W per creare un tag aperto o avvolgere la selezione corrente in un tag (vedere Modifica »Tag» Wrap Selection Current in Tag ).

Di default creerà:

 <p></p> 

con il nome del tag selezionato in modo da poterlo sovrascrivere.

La pressione di Tab avrebbe ulteriormente inserito all'interno del tag. Oppure, se si preme lo spazio , è ansible creare attributi, ad esempio:

  • Alt Shift W (su Windows / Linux) o Ctrl Shift W su OS X
  • UN
  • Spazio
  • Digitare href="..." , quindi Tab
  • Risultati in <a href="..."></a> con il cursore posizionato all'interno del tag