Esercitazione sull'editor di testo Atom

Atom Text Editor Tutorial



Atom è un editor di codice sorgente gratuito e accessibile pubblicamente. È supportato da macOS, Linux e Microsoft Windows. Non è solo un semplice editor di testo. Ha tutto ciò che renderebbe la giornata di uno sviluppatore. Fedele alla sua parola, è un hackerabile editor di testo con il supporto di migliaia di pacchetti open source che aggiungeranno ad esso tutte le funzionalità e caratteristiche personalizzate desiderabili. Puoi anche creare un pacchetto da solo e fornirlo alla comunità Atom per l'uso. La sua UI può essere personalizzata anche con quattro UI preinstallati e otto temi di sintassi in entrambi i colori scuri e chiari e se non riesci ancora a trovare esteticamente piacevole di tuo gradimento puoi sempre installare temi creati dalla community di ATOM o crearne uno tuo. Altre caratteristiche includono più riquadri, completamento automatico intelligente e, in sostanza, le sue impostazioni predefinite sono così buone che è possibile scaricare questa cosa e mettersi subito al lavoro.

Un'eccellente funzionalità supportata da atomo è Git e GitHub. Puoi







  • creare nuovi rami
  • palcoscenico e impegno
  • Spingere
  • Tiro
  • risolvere i conflitti di unione
  • visualizza le richieste pull e molto altro ancora, tutto dall'interno del tuo editor


Il pacchetto GitHub è già in bundle con Atom, quindi puoi iniziare subito.



L'unico aspetto negativo dell'editor di testo Atom è che può essere notevolmente lento e non può essere molto buono per i file pesanti, poiché ciò rallenta le sue prestazioni per la maggior parte del tempo.



In questo articolo non parleremo solo di come installare Atom, ma anche di come installare i pacchetti e del funzionamento dell'editor di testo Atom.





Installazione passo passo di Atom Editor

In primo luogo, dovrai andare alla pagina Web ufficiale dell'editor di Atom usando questo collegamento . La pagina seguente ti verrebbe mostrata.



Fai clic su 'Scarica .deb' e salva il file nella posizione desiderata, per me è 'Download'.

Dopo che il tuo file è stato salvato. Apri il tuo terminale ed esegui il seguente comando per installare il pacchetto.

Il processo di installazione dovrebbe iniziare.

Puoi anche installare Atom tramite snap. Ma affinché funzioni, assicurati che snap sia installato sul tuo sistema. Per installare tramite snap, usa il seguente comando

Una volta completata l'installazione, avvia Atom. Verrà visualizzato quanto segue.

Una guida per installare i pacchetti su Atom Editor

Come abbiamo discusso, l'editor Atom è famoso per la sua capacità di essere adattato alle esigenze dell'utente. Per farlo, segui i passaggi indicati

Fai clic sul pulsante 'Modifica' nella barra dei menu e vai alle preferenze

Fai clic su 'Preferenze', vedrai la seguente schermata

Ora vai su 'Installa' e fai clic su di esso. Apparirebbe una casella di ricerca. Scrivi il nome del pacchetto. Il pacchetto desiderato verrebbe installato in '/home/zoe/.atom/packages'.

Come selezionare il testo, copiare il testo e incollare il testo?

La selezione del testo è necessaria per poter copiare, formattare, eliminare e spostare. Quasi tutti i lavori di modifica e formattazione iniziano selezionando qualcosa. Il modo più semplice per selezionare il testo è premere ' Spostare' + ' ? '

Per copiare il testo usa , 'Ctrl'+ 'Inserisci'

Per tagliare il testo, fare clic su 'Maiusc' + 'Cancella'

E per incollare il testo, usa 'Maiusc' + 'Inserisci'

Come usare 'Completamento automatico' in Atom?

Il completamento automatico, o completamento delle parole, è una funzionalità con cui tutti hanno familiarità poiché quasi tutti i dispositivi la supportano e spesso ci affidiamo ad essa. Una definizione da libro di testo sarebbe 'l'applicazione prevede il resto di una parola che un utente sta digitando'. Funziona per Atom come per qualsiasi applicazione, l'utente in genere inserisce pochi caratteri e l'applicazione suggerisce parole chiave.

Un esempio è mostrato nello screenshot qui sotto

Come creare e utilizzare gli snippet?

Atom ha un'eccellente funzionalità 'frammenti di codice integrati'. Va notato che Atom ti mostra solo frammenti per un particolare ambito per il quale stai codificando. Ad esempio, se stai lavorando su un file con estensione .html, per quel file saranno disponibili solo frammenti appartenenti all'HTML.

Per controllare tutti gli snippet per l'ambito corrente, fare clic su 'Pacchetti' e quindi selezionare 'Snippet'

Selezionando uno snippet dall'elenco a discesa, Atom inserisce l'intero snippet nell'editor senza ulteriori indugi. Le schermate sottostanti mostrano la schermata per la selezione di 'cose ​​da fare'

Per creare un nuovo frammento

Per creare uno snippet di codice a riga singola, devi aggiungerlo al file snippets.cson

  • la portata
  • il nome
  • il prefisso
  • corpo del frammento

Di seguito è riportato un esempio per la sua sintassi.

Esempio

Nello screenshot sopra indicato, quello che stiamo facendo è che stiamo creando uno snippet che aggiungerà un

tag con la classe 'custom-title' nell'ambito HTML.

Ora, dopo aver digitato l'esempio precedente, salva il file di configurazione. D'ora in poi, ogni volta che digiterai il prefisso e fai clic sul tasto Tab, l'editor incollerà il corpo dello snippet. Nota che la casella del risultato del completamento automatico mostra il nome dello snippet.

I frammenti di codice multilinea sono gli stessi di quelli a riga singola, tuttavia utilizzano una sintassi leggermente diversa. I dati utilizzati sarebbero gli stessi.

Tuttavia, la differenza qui è che il corpo dello snippet sarà circondato da tre virgolette, ad es.

In snippets.cson, allo snippet deve essere aggiunto un punto/punto all'inizio di quella stringa. Gli ambiti comuni del linguaggio Web includono:

Cerca e sostituisci

La ricerca e la sostituzione del testo nel tuo file o progetto è facile e veloce in Atom. Di seguito i comandi utilizzati.

'Ctrl'+'F' – Questo comando cercherà all'interno del file.

'Ctrl'+'Maiusc'+'F' – Questo comando cercherà all'interno dell'intero progetto.

Utilizzando uno di questi comandi, vedrai la seguente interfaccia utente con il pannello nella parte inferiore dello schermo.

Per cercare all'interno del buffer corrente,

  • premerai ' Ctrl'+'F' ,
  • digita una stringa di ricerca e premi Invio
  • premi 'F3' per continuare a cercare in quel file.
  • 'Alt' + 'Invio' troverà tutte le occorrenze della stringa di ricerca

Se digiti stringa nella casella di testo Sostituisci, sostituirà il testo con il testo della stringa.

Come lavorare più riquadri?

Il riquadro dell'editor può essere suddiviso in allineamento orizzontale o allineamento verticale. Per quell'azione,

  • Usa Ctrl+K +
  • Usa Ctrl+K +
  • Usa Ctrl+K +
  • Usa Ctrl+K + →

Il tasto di direzione mostra la direzione in cui si desidera dividere il riquadro. Una volta divisi i riquadri, puoi spostarti tra di essi con i comandi sopra e si concentrerà sul rispettivo riquadro.

L'esempio seguente per dividere lo schermo nella direzione sopra.

Evidenziazione della sintassi per python

Affinché funzioni, assicurati innanzitutto di avere il pacchetto 'Langauge-python' abilitato. Successivamente, apri un file python, ad esempio qui sto usando 'demo.PY'.

Noteresti che la sintassi è evidenziata, affinando così la leggibilità del testo; soprattutto per i codici che possono estendersi a numerose pagine. Di seguito è riportato un esempio,

Muoversi nell'atomo

Sebbene sia abbastanza facile spostarsi all'interno di Atom, avrai sempre bisogno di aiuto per quanto riguarda le scorciatoie da tastiera che ti faranno risparmiare molto tempo. Ecco un collegamento per i movimenti più comuni all'interno dell'Atomo insieme ad altre incredibili scorciatoie.

Git e GitHub con Atom

Per le operazioni Git, non è necessario installare altro. Atom per impostazione predefinita contiene l'integrazione per git. Atom è composto da due schede, la scheda uno per Git e la scheda due per GitHub.

Un modo possiamo accedervi o facendo clic su ' Visualizzazione' e selezionando Attiva/disattiva scheda Git/Attiva/disattiva scheda GitHub menu nella barra dei menu in alto. Un'altra alternativa sono i tasti di scelta rapida.

  • Vai scheda: ' Ctrl' + 'Maiusc' + '9'
  • Scheda GitHub: ' Ctrl' + 'Maiusc' + '8'

Per creare un nuovo repository, fare clic sul pulsante 'Crea repository', inserire il nome del repository e quindi fare clic sul pulsante 'Init'.

E questo è stato il processo di inizializzazione del tuo repository git.

Quindi ora noterai un'interfaccia utente come segue

Il messo in scena e non messo in scena le modifiche sono mostrate una sotto l'altra sul lato dello schermo, inoltre si può fare un commettere in qualsiasi momento.

Ecco come Atom editor facilita gli sviluppatori e diventa un'esperienza utente utile. Questo articolo ti ha dato un'idea di quanto possa essere interessante l'editor Atom con tutte le sue funzionalità che hanno portato rivelazione tra la comunità di programmazione. Grazie per aver letto questo articolo.