Tutorial completo

de instalación y configuración de
Atom Editor
Índice de
contenidos
1 Introducción
-
4 Instalación
-
Página 3 Página 9

2 ¿Qué es Atom Editor?

-
5 Usos y atajos de teclado
-
Página 5 Página 12

3 Características 6 Plugins
-
-
Página 7 Página 16
1 Introducción

En este tutorial vamos a hablar

sobre uno de los mejores editores
de código fuente utilizado por los
desarrolladores en la actualidad,
Atom Editor.
Vamos a detenernos en sus características, repasaremos
su instalación en diferentes entornos de trabajo así
como sus múltiples posibilidades para trabajar con él en
distintos ámbitos. También veremos comandos básicos
que nos ayudarán a trabajar de forma más ágil con este
magnífico editor de código.

Página 3
Tutorial completo
de instalación y configuración de
de Atom Editor
2 ¿Qué es
Atom Editor?
Atom es un editor de código
fuente que está desarrollado
con el framework Electron JS por
la compañía GitHub, famosa por
ser el repositorio de código más
grande de la red. Está disponible
tanto para Windows como Linux
y macOS.
Es software libre y de código abierto. La mayoría de los
paquetes también son software libre y además están
mantenidos por la comunidad de usuarios. Soporta
infinidad de lenguajes de programación de forma nativa,
aunque el lenguaje para el que es más usado Atom
es Javascript, siendo IDE de referencia para muchos
desarrolladores de este lenguaje.
Página 5
Tutorial completo
de instalación y configuración de
de Atom Editor
3 Características

Las principales carácteristicas por las que destacar a

Atom se podrían resumir de la siguiente manera:

• Multiplataforma y multilenguaje.

• Instalación de paquetes para ampliación de su

funcionalidad.

• Integración con Git en el propio editor.

• Personalización de combinaciones y atajos de

teclado.

• Autocompletado y detección de lenguaje lo cual lo

convierte en prácticamente un IDE.

• Soporte de pestañas. Se pueden abrir tantos

documentos como se necesite en varias pestañas.

Página 7
Tutorial completo
de instalación y configuración de
de Atom Editor
4 Instalación

En este punto de la guía vamos a ver como instalar Atom

Editor en los distintos sistemas operativos: Linux, macOS
y Windows.

Linux

Para instalar Atom en Linux primero tendremos que

ejecutar los siguientes comandos:
Atom
curl -sL https://packagecloud.io/
AtomEditor/atom/gpgkey | sudo apt-key
add -

sudo sh -c ‘echo “deb [arch=amd64]

https://packagecloud.io/AtomEditor/
atom/any/ any main” > /etc/apt/sources.
list.d/atom.list’

sudo apt-get update

Una vez los hayamos ejecutado, podremos realizar la

instalación lanzando este otro comando:

sudo apt-get install atom

Como alternativa, también podremos descargar el

paquete .deb y realizar la instalación manualmente:

sudo dpkg -i atom-amd64.deb

sudo apt-get -f install

Página 9
Tutorial completo
de instalación y configuración de
de Atom Editor

4 Instalación

macOS Windows

Para instalar Atom en macOS necesitaremos Para instalar Atom en Windows nos iremos primero a la
simplemente descargar el fichero de la pagina (https:// página de las releases (https://github.com/atom/atom/
atom.io/), descomprimirlo y arrastrar el contenido a la releases/latest) y descargaremos el fichero AtomSetup.
carpeta de aplicaciones. exe

Una vez abres Atom, se instalarán los comandos atom y Lo ejecutamos y se llevará a cabo a la instalación de
apm para poder usarlos en la terminal. atom así como de los comandos atom y apm para poder
ejecutar por consola.
Si queremos comprobar que Atom se ha instalado bien
en nuestro mac, solo tendremos que lanzar el siguiente
comando:

which atom

Al teclear este comando nos debe aparecer algo así:

/usr/local/bin/atom

Si nos aparece, es que la instalación se ha llevado a cabo

de forma correcta, si no es que no se ha instalado bien.

Página 10
Tutorial completo
de instalación y configuración de
de Atom Editor

5 Usos y atajos
de teclado
Atom Editor es muy popular entre los desarrolladores Esto lo conseguimos a través de sus atajos de teclado.
de infinidad de plataformas incluso como editor de A continuación veremos una lista bastante completa de
texto más allá de editor de código. Pero sobre todo es atajos que nos harán la vida más fácil cuando usemos
muy frecuente su uso entre la comunidad Javascript. esta herramienta.
Su interfaz y sus posibilidades los hacen una opción
realmente interesante para todo desarrollador que le
guste trabajar de manera cómoda y eficaz.

General

Página 12
5 Usos y atajos
de teclado
Gestión de ventanas

Página 13
Tutorial completo
de instalación y configuración de
de Atom Editor

5 Usos y atajos
de teclado
Edición

Página 14
Tutorial completo
de instalación y configuración de
de Atom Editor

6 Plugins

Como último apartado vamos a hablar de los plugins,

que nos permiten ampliar la funcionalidad de Atom y
convertirlo en un editor mucho más completo de lo que
ya es.

La forma de instalarlas es realmente sencilla.

Solo tenemos que ir a la parte superior, clickar en el

apartado packages. Se abrirá una ventana con los plugins.
Buscamos el que nos interese y pulsamos en instalar. Se
instalará y ya podremos usarlos dentro de nuestro editor.

Para acabar y como broche final vamos a ver unos

cuantos plugins interesantes que pueden resultarnos
bastante útiles.

Autocomplete-paths
Como su propio nombre indica es un plugin para
autodetectar rutas de ficheros como los js o css que
usamos normalmente en nuestros proyectos.
Su autocompletado hará nuestro trabajo más fácil.

Jquery-snippets
pequeños fragmentos de código jQuery que solemos
usar y no está demás tenerlos a mano para poder usarlos
de manera rápida.

Minimap
Útil herramienta para cuando tenemos ficheros
kilométricos de código. Nos permite tener una visión
general del mismo y nos permite acceder rápidamente al
fragmento que queramos.

Por supuesto existen muchas más extensiones y

funcionalidades que podréis explorar más allá de esta
guía dándole uso a esta gran herramienta.

Página 16
 ¿Quieres convertirte en
Frontend Developer Profesional?
Aprende ahora con los mejores expertos
CARRERA
FRONTEND DEVELOPER WEB

Comenzar Carrera Ahora

¡Si te ha resultado útil,

comparte en redes sociales!

Más en openwebinars.net