Tutorial de l’editor de text Atom

Atom Text Editor Tutorial



Atom és un editor de codi font gratuït i accessible al públic. És compatible amb macOS, Linux i Microsoft Windows. No és només un simple editor de text. Té tot el que podria convertir-se en el dia del desenvolupador. Fidel a la seva paraula, és un piratejable editor de text amb suport de milers de paquets de codi obert que li afegiran totes les funcions i funcions personalitzades desitjables. També podeu crear un paquet per vosaltres mateixos i proporcionar-lo a la comunitat Atom per al seu ús. La seva interfície d’usuari també es pot personalitzar amb quatre UI preinstal·lats i vuit temes de sintaxi en colors foscos i clars i, si encara no trobeu l’estètica agradable al vostre gust, sempre podeu instal·lar temes creats per la comunitat ATOM o fer-ne els vostres. Altres funcions inclouen diversos panells, autocompletament intel·ligent i, bàsicament, la seva configuració predeterminada és tan bona que es pot descarregar aquesta cosa i començar a treballar immediatament.

Una característica excel·lent que admet l'àtom és Git i GitHub. Tu pots







  • crear noves sucursals
  • escenificar i comprometre’s
  • Premeu
  • Estirar
  • resoldre conflictes de fusió
  • visualitzeu les sol·licituds d'extracció i molt més, tot des de l'editor


El paquet GitHub ja està inclòs amb Atom, de manera que podeu començar immediatament.



L'únic inconvenient de l'editor de text Atom és que pot ser notablement lent i no pot ser molt bo per a fitxers pesats, ja que això ralentitza el seu rendiment la major part del temps.



En aquest article no només analitzarem com instal·lar Atom, sinó també com instal·lar paquets i el funcionament de l’editor de text Atom.





Instal·lació pas a pas de Atom Editor

En primer lloc, haureu d’anar a la pàgina web oficial de l’editor Atom mitjançant aquest enllaç . Se us mostrarà la pàgina següent.



Feu clic a 'Descarrega .deb' i deseu el fitxer a la ubicació desitjada, per a mi és 'Descàrregues'.

Després de desar el fitxer. Obriu el terminal i executeu l'ordre següent per instal·lar el paquet.

S’iniciaria el procés d’instal·lació.

També podeu instal·lar Atom mitjançant snap. Però perquè això funcioni, assegureu-vos que snap està instal·lat al vostre sistema. Per instal·lar mitjançant snap, utilitzeu l'ordre següent

Un cop finalitzada la instal·lació, inicieu Atom. Es mostrarà el següent.

Una guia per instal·lar paquets a Atom Editor

Com hem comentat, l’editor Atom és famós per la seva capacitat d’adaptar-se als requisits de l’usuari. Per fer-ho, seguiu els passos indicats

Feu clic al botó 'Edita' a la barra de menú i aneu a la preferència

Feu clic a 'Preferències' i veureu la pantalla següent

Ara aneu a 'Instal·la' i feu-hi clic. Apareixerà un quadre de cerca. Escriviu el nom del paquet. El paquet desitjat s’instal·laria a ‘/home/zoe/.atom/packages’.

Com es pot seleccionar text, copiar i enganxar text?

Cal que seleccioneu el text per copiar, formatar, suprimir i moure. Gairebé tot el treball d’edició i format comença seleccionant alguna cosa. La forma més senzilla de seleccionar text és prement ' Maj + ' '

Per copiar text utilitzeu , 'Ctrl' + 'Insereix'

Per retallar text, feu clic a 'Maj' + 'Suprimeix'

I per enganxar text, utilitzeu 'Maj' + 'Insereix'

Com s'utilitza la funció 'Completar automàticament' a Atom?

El completament automàtic o completació de paraules és una característica que tothom coneix, ja que gairebé tots els dispositius l’admeten i sovint confiem en ell. Una definició de llibre de text seria 'l'aplicació prediu la resta de paraules que escriu un usuari'. Funciona per a Atom igual que per a qualsevol aplicació, normalment l'usuari introdueix uns quants caràcters i l'aplicació suggereix paraules clau.

A continuació es mostra un exemple a la captura de pantalla

Com es poden crear i utilitzar fragments?

Atom té una característica excel·lent: 'fragments de codi integrats'. Cal tenir en compte que Atom només us mostra fragments d’un àmbit concret per al qual esteu codificant. Per exemple, si esteu treballant en un fitxer amb extensió .html, només els fragments pertanyents a l'HTML estaran disponibles per a aquest fitxer.

Per comprovar tots els fragments de l'abast actual, feu clic a 'Paquets' i seleccioneu 'Fragments'

Si seleccioneu un fragment de la llista desplegable, Atom inserirà el fragment complet a l’editor sense cap tipus de més. A sota de les captures de pantalla es mostra la pantalla de selecció de 'tot'

Per crear un fragment nou

Per crear un fragment de codi d'una sola línia, cal afegir-lo al fitxer snippets.cson

  • l'abast
  • el nom
  • el prefix
  • cos del fragment

A continuació es mostra un exemple de la seva sintaxi.

Exemple

A la captura de pantalla anterior, el que estem fent és que estem fent un fragment que afegirà un

etiqueta amb la classe 'custom-title' a l'abast HTML.

Ara, després d’escriure l’exemple anterior, deseu el fitxer de configuració. A partir d’ara, sempre que escriviu el prefix i feu clic a la tecla Tabulador, l’editor enganxarà el cos del fragment. Tingueu en compte que el quadre de resultats d’ompliment automàtic mostra el nom del fragment.

Els fragments de codi de diverses línies són els mateixos que els d'una sola línia, però utilitza una sintaxi una mica diferent. Les dades utilitzades serien les mateixes.

Tanmateix, la diferència aquí és que el cos del fragment estarà envoltat de tres cometes dobles, és a dir,

A snippets.cson, el fragment ha de tenir un punt / punt afegit al començament d'aquesta cadena. Els àmbits d’idioma web més habituals inclouen:

Cerca i substitució

Cerca i substitució de text al fitxer o projecte és ràpid i senzill a Atom. A continuació es mostren les ordres utilitzades.

'Ctrl' + 'F' - Aquesta ordre cercarà dins del fitxer.

'Ctrl' + 'Maj' + 'F' - Aquesta ordre cercarà a tot el projecte.

En utilitzar qualsevol d’aquestes ordres, veureu la interfície d’usuari següent amb el tauler a la part inferior de la pantalla.

Per cercar a la memòria intermèdia actual,

  • prémeràs ‘ Ctrl '+' F ' ,
  • escriviu una cadena de cerca i premeu Retorn
  • premeu 'F3' per continuar cercant en aquest fitxer.
  • 'Alt' + 'Retorn' trobarà totes les aparicions de la cadena de cerca

Si escriviu una cadena al quadre de text Substitueix, substituirà el text per la cadena de text.

Com es poden treballar diversos panells?

El panell de l'editor es pot dividir a l'alineació horitzontal o vertical. Per a aquesta acció,

  • Utilitzeu Ctrl + K + ↑
  • Utilitzeu Ctrl + K + ↓
  • Utilitzeu Ctrl + K + ←
  • Utilitzeu Ctrl + K + →

La tecla de direcció mostra la direcció en què voleu dividir el tauler. Un cop dividits els panells, podeu moure-los entre ells amb les ordres anteriors i es centrarà en el seu panell respectiu.

L'exemple següent per dividir la pantalla en la direcció superior.

Ressalt de sintaxi per a python

Perquè això funcioni, primer assegureu-vos que teniu activat el paquet ‘Langauge-python’. Després, obriu un fitxer python, per exemple, aquí estic fent servir 'demo.PY'.

Us adonaríeu que la sintaxi es ressalta i, per tant, refina la llegibilitat del text; especialment per als codis que poden abastar diverses pàgines. A continuació es mostra un exemple,

Moure’s a Atom

Tot i que és bastant fàcil moure’s per Atom, sempre necessitareu ajuda sobre les dreceres d’enllaç de claus que us estalviaran molt de temps. Aquí hi ha un enllaç per als moviments més comuns dins de l'Atom juntament amb altres dreceres sorprenents.

Git i GitHub amb Atom

Per a les operacions de Git, no cal que instal·leu res més. Per defecte, Atom conté integració per al git. Atom consta de dues pestanyes, una de Git i una de GitHub.

Una manera d’accedir-hi és fent clic al botó ‘ Veure i seleccionant Commuta la pestanya Git / Activa la pestanya GitHub menús a la barra de menú superior. Una altra alternativa són les tecles d'accés directe.

  • Vés a la pestanya: ' Ctrl '+' Maj '+' 9 '
  • Pestanya GitHub: ' Ctrl '+' Maj '+' 8 '

Per crear un nou dipòsit, feu clic al botó 'Crea un dipòsit', introduïu el nom del dipòsit i feu clic al botó 'Iniciar'.

I aquest va ser el procés d'inicialització del dipòsit de git.

De manera que ara notareu una interfície d’usuari com la següent

El escenificat i sense escenaris els canvis es mostren a sota del costat de la pantalla, també es pot fer un compromís en qualsevol moment.

Així, doncs, l’editor Atom facilita els desenvolupadors i esdevé una experiència d’usuari que val la pena. Aquest article us va donar una idea de com pot ser un editor Atom amb totes les funcions que van revelar la comunitat de programació. Gràcies per llegir aquest article.