Testo sublime - Snippet
Gli snippet sono i modelli intelligenti che possono essere riutilizzati quando necessario. L'editor di testo sublime include la funzione di frammenti per i modelli HTML. In questo capitolo imparerai a conoscerli in dettaglio.
Capire gli snippet
Gli snippet sono semplici file supportati da XML con vari attributi. Includono un'estensione chiamatasublime-snippet. Il tag radice dell'elemento XML sarà il<snippet>etichetta. Gli snippet creati vengono salvati nel filePackages cartella e sono considerati risiedere in questa cartella.
Il formato del file e la sintassi degli snippet sono discussi in dettaglio come segue:
Content −Questa sezione include la descrizione dello snippet.
tabTrigger - Include una sequenza di caratteri che si attiva quando lo snippet viene scritto.
Scope - Definisce l'ambito in cui lo snippet rimane attivo.
Description- Include tutta la meta descrizione. Verrà visualizzato quando il menu dello snippet è aperto.
Creazione del primo frammento
Puoi creare lo snippet predefinito utilizzando Tools → Developer → Snippet opzione.
Quindi, verrà creato uno snippet demo con i tag associati come mostrato di seguito:
Per creare un primo frammento nell'editor di testo Sublime, fai clic su Tools menu e selezionare il Snippets opzione dalla finestra a discesa, come mostrato nello screenshot qui.
Adesso scegli Snippet:html dalle opzioni visualizzate.
Questo crea uno snippet predefinito sul file html specificato come mostrato di seguito.
Tieni presente che sono disponibili vari frammenti per diversi tipi di file. Per i file html nel codice di base, ci sono tre frammenti definiti nell'editor di testo Sublime, come mostrato di seguito.
Snippet di controllo del pacchetto
Gli snippet di controllo vengono utilizzati principalmente per lo sviluppo del prodotto. Coninstall packages nell'editor Sublime, puoi scaricare qualsiasi frammento necessario per lo sviluppo web e installarlo.
Potresti aver bisogno dei seguenti pacchetti per lo sviluppo web:
- EverCodeLab Sublime supporta Ruby on Rails
- Snippet PHP aggiuntivi per PHP
- Snippet HTML per file HTML
- Snippet di Twitter Bootstrap per Twitter Bootstrap
- Snippet JavaScript per file JS
- Pacchetto di frammenti di jQuery per jQuery