C'è un modo per ottenere Sublime Text 2 per completare automaticamente gli attributi HTML?

Question

Mi chiedevo se c'è un modo per ottenere Sublime Text 2 per completare automaticamente gli attributi HTML come in Aptana?

Answer 1

Il completamento automatico è abilitato per impostazione predefinita quando si utilizza "<" e il tag e quindi premere Invio. Quindi se inserisci <p e poi premi invio, finirà la coppia di tag per te ... dove finirai con <p></p> e il tuo cursore si troverà al centro. È possibile modificare questo per scheda, se si preferisce incollando il seguente nelle vostre Preferenze -> Impostazioni - file User:

{ 
    "auto_complete_commit_on_tab": true 
} 

questo avrà la precedenza sul valore predefinito false per il completamento su scheda. Anche in questo caso è solo se si desidera utilizzare la scheda invece di entrare.

Answer 2

È possibile provare a utilizzare il pacchetto emmet. È stato realizzato appositamente per il completamento del codice html &. Per ulteriori informazioni è necessario leggere the documentation.

Answer 3

Hey si può provare https://github.com/agibsonsw/HTMLAttributes o installare il pacchetto di controllo del pacchetto trought chiamato "HTMLAttributes";). Funziona per me. Ad esempio, si digita:

<p quindi premere la barra spaziatrice, quindi ctrl + spazio e si ottiene l'elenco degli attributi.

Answer 4

Avevo lo stesso problema; sebbene io utilizzi entrambi i pacchetti di plugin HTMLAttributes ed Emmet, nessuno dei due fornisce la funzionalità di completamento automatico che stavo cercando e che è simile a quella di Dreamweaver.

Soluzione: Ho trovato un pacchetto chiamato SublimeCodeIntel che fa esattamente ciò di cui avevo bisogno.

Esempio: I codice e-mail html e faccio un sacco di CSS in linea. Fine obiettivo:

<td style="vertical-align:top;"> 

Dopo aver installato SublimeCodeIntel, ho digitato <td style="v e un elenco delle proprietà CSS partendo con display "V".

Usando i miei tasti freccia, seleziono vertical-align e premere tab per confermare, quindi digitare la lettera "t" e un elenco di valori CSS ora mostra.

I selezionare top quindi premere tab per confermare ancora una volta la mia selezione.

Nota: È possibile creare snippet predefiniti per Emmet per le proprietà CSS non definite, ma volevo qualcosa "out of the box" invece di dover a) imparare come crearli tramite la documentazione (anche se sono sicuro che sia semplice) e b) creare uno snippet ogni volta che mi sono imbattuto in una proprietà/valore CSS non definita come vertical-align.

Spero che questo aiuti.