Come aggiungere frammenti di codice personalizzati ad Atom: Atom è un editor di codice molto popolare nel campo dello sviluppo web sviluppato da GitHub; Atom non ha molti pacchetti, anzi ogni sua parte è personalizzabile dall’utente.
La funzione snippet di Atom può essere utilizzata per semplificare il flusso di lavoro di codifica e ridurre le attività ripetitive. Questo articolo ti mostrerà come utilizzare i frammenti di codice integrati di Atom e come creare i tuoi frammenti personalizzati.
Come aggiungere frammenti di codice personalizzati ad Atom
Trova il file di configurazione
Per aggiungere i tuoi frammenti di codice personalizzati ad Atom, devi prima trovare il file di configurazione chiamato snippets.cson che è un file CoffeeScript Object Notation. Fai clic sul menu File > Snippet… nella barra in alto e Atom aprirà il file snippets.cson a cui puoi aggiungere i tuoi snippet personalizzati.
Trova l’ambito giusto
Il nome dell’ambito Il nome dello snippet Il prefisso che fungerà da handle dello snippet Il corpo dello snippet
Per trovare l’ambito di cui hai bisogno, fai clic sul menu File > Impostazioni nella barra dei menu in alto, quindi trova la scheda Pacchetti tra le Impostazioni. Qui, esegui una ricerca per l’ambito di cui hai bisogno, ad esempio se desideri aggiungere frammenti di codice al linguaggio HTML, digita HTML nella barra di ricerca.
Crea frammenti di codice a riga singola
Per creare uno snippet di codice a riga singola, devi aggiungere l’ambito, il nome, il prefisso e il corpo dello snippet al file snippets.cson, utilizzando la seguente sintassi:
Crea Frammenti di codice multilinea
I frammenti di codice multilinea usano una sintassi leggermente diversa. Devi aggiungere gli stessi dati degli snippet a riga singola: l’ambito, il nome, il prefisso e il corpo dello snippet.
Aggiungi punti di tabulazione
Puoi aggiungere ulteriori facilita l’utilizzo dei frammenti di codice personalizzati aggiungendo punti di tabulazione al corpo del frammento. Le tabulazioni indicano i punti in cui l’utente può navigare utilizzando il tasto Tab. Con le tabulazioni puoi risparmiare il tempo richiesto dalla navigazione all’interno del testo. Puoi aggiungere punti di tabulazione utilizzando la sintassi $1, $2, $3, …. Atom posizionerà il cursore nel punto in cui trova $1, quindi puoi passare a $2 con il tasto Tab, quindi a $3 e così via.
Aggiungi parametri facoltativi
Atom consente di aggiungere ulteriori informazioni ai tuoi frammenti utilizzando parametri facoltativi. Questa funzione può essere utile se anche qualcun altro utilizza il tuo editor e vuoi far sapere loro lo scopo dello snippet o se hai snippet personalizzati così complicati che devi aggiungere delle note.
Perché I frammenti di codice sono utili
Quando ho iniziato a imparare a programmare, i primi frammenti di codice che ho usato sono stati Ctrl + ! e Entra. (Dubito che qualcuno abbia memorizzato come scriverlo.) È stato bello e mi sono sentito un ninja del codice. (PS: se non vuoi leggere il retroscena e vuoi saltare direttamente al tutorial, salta subito dentro…)
Quando ho iniziato a esplorare ulteriormente la codifica, ho appreso delle estensioni VSCode che hanno reso la codifica più veloce, in particolare i frammenti di codice, e li ha scaricati ripetutamente. Tutto andava bene, ma ho iniziato a utilizzare framework e librerie più frequentemente nei miei progetti. Quindi ho cercato di imparare come collegare la documentazione ai pacchetti e come utilizzare reimpostazioni e variabili CSS personalizzate.
FAQ
Come aggiungere frammenti C in VS Code?
Evidenziare il codice per il quale si desidera creare uno snippet, premere ctrl + maiusc + P, digitare”create snippet”nella tavolozza dei comandi e premere INVIO. Inserisci un nome per lo snippet, una scorciatoia per lo snippet e una descrizione dello snippet. Ora sei pronto per partire.
Che cosa sono i frammenti di codice personalizzati?
Uno snippet di codice è un termine di programmazione che si riferisce a una piccola porzione di codice sorgente riutilizzabile, codice macchina, o testo. Gli snippet aiutano i programmatori a ridurre il tempo necessario per digitare informazioni ripetitive durante la codifica. I frammenti di codice sono una funzionalità della maggior parte degli editor di testo, editor di codice e IDE.