Usando Atom para Node.js – Libera Blogo http://liberablogo.com/index.php/2017/02/26/usando-atom-para-no...

Usando Atom para Node.js

te
Node es una plataforma que me gusta para hacer pruebas de concepto,
porque con poco código es fácil hacer muchas cosas.
en
Buscando un editor he empezado a utilizar Atom. Viniendo como vengo
de Java, estoy familiarizado con entornos como Eclipse o IDEA de Jet-
rg

Brains, pero me apetecía practicar con algo mas ligero. Vim es otro editor
que manejo bien y me gusta, pero no lo veo para esto. Me encanta para
editar rápidamente sobre la línea de comando, pero no para desarrollar
U

de forma continua.

Atom es sencillo, es bonito, es abierto, y tiene una comunidad muy rica

detrás. No es tan rápido como Sublime y Visual Studio Code, pero me da
igual.

En un sistema Linux como Ubuntu la instalación es la habitual con su

gestor de paquetes. En la sección Atom Basics del manual de Atom se de-
scriben los comandos básicos para desenvolverse en el editor, en caso de
duda un “Ctrl+Shift+P” te permite encontrar lo que necesites.

Una de las características de Atom es que es muy personalizable, existe

multitud de extensiones disponibles para adaptarlo a tus necesidades. La
instalación de estos paquetes se puede hacer con un “apm install <nom-
bre-de-paquete>“.

1 de 4 05/12/18 12:21
PDF creado con la versión de prueba de pdfFactory Pro www.pdffactory.com
Usando Atom para Node.js – Libera Blogo http://liberablogo.com/index.php/2017/02/26/usando-atom-para-no...

Las que siguen son las extensiones que he encontrado mas útiles para de-
sarrollar programas en servidor. He ignorado las que tienen que ver con
la parte de presentación como autoclose-html, pigment o color-picker.

Las primeras en mi lista son atom-ternjs, node-debugger y script. Para mí

son las mas necesarias, y las primeras que he instalado.

atom-ternjs

Acostumbrado a trabajar en IDEs como Eclipse algo que busco de

forma natural es una utilidad de autocompletado de código y de
chequeo de sintaxis. Esto es lo que encuentras en esta extensión. Como
indica su documentación, si quieres usarla en tu proyecto, debes
añadirle un fichero de configuración para tern donde le puedes in-
dicar como quieres que te ayude.

node-debugger
te
Esta extensión es un depurador para Node con las funciones habit-
en
uales de inserción de puntos de ruptura, ejecución paso a paso y con-
sulta de pila de llamadas, entre otras.
rg

script

Esto es una pequeña maravilla que te permite seleccionar un trozo de

U

código y ejecutarlo en un momento. Algo como https://repl.it/ pero

dentro de Atom. Ideal para prototipar una función o para probar con
rapidez.

Otro grupo de extensiones que uso son las que me ayudan a editar mas
rápidamente, porque visualizo mejor las cosas, o porque llego a ellas mas
rápidamente: minimap, open-recent, highlight-selected, file-icons, maximize-
panes, fold-lines y tool-bar.

minimap

Muestra a la derecha del editor una visión resumida de todo el código

contenido en el fichero, permitiendo situarte con mas facilidad. Exis-
ten extensiones relacionadas con esta que permiten indicar la posición
del cursor en el minimapa.

2 de 4 05/12/18 12:21
PDF creado con la versión de prueba de pdfFactory Pro www.pdffactory.com
Usando Atom para Node.js – Libera Blogo http://liberablogo.com/index.php/2017/02/26/usando-atom-para-no...

open-recent

En el menú de fichero muestra siempre los ficheros y carpetas que

hemos abierto mas recientemente.

highlight-selected y minimap-highlight-selected

Al seleccionar una variable o una palabra clave, todas las ocurrencias

de las mismas en el fichero aparecen resaltadas.

file-icons

Asocia un icono para cada extensión de fichero facilitando encontrar

lo que buscas.

maximize-panes

te
Permite maximizar el panel del editor donde estás trabajando sin cer-
rar el resto de paneles.
en
fold-lines
rg

Permite compactar en una línea distintos bloques de código para facili-

tar la lectura.
U

tool-bar

Aunque me encanta usar atajos de teclado, mi magia es limitada y

necesito de una barra de herramientas como esta. Permite person-
alizar su contenido.

Y ahora este grupo final de plugins que veo interesantes. Puedo vivir sin
ellos pero les he dado una oportunidad: linter, auto-detect-indentation y
atom-beautify.

linter y linter-eslint

Es una extensión para corrección de código que también se integra en

otros entornos de desarrollo. linter es el paquete base que soporta
HTML, CSS y JavaScript. linter-eslint es una ampliación sobre el anterior

3 de 4 05/12/18 12:21
PDF creado con la versión de prueba de pdfFactory Pro www.pdffactory.com
Usando Atom para Node.js – Libera Blogo http://liberablogo.com/index.php/2017/02/26/usando-atom-para-no...

específico para JavaScript y JSX. Como en el caso de tern, para usarlo

en tu proyecto debes incluir un fichero de configuración eslint donde
puedes detallar, por ejemplo, si se va a programar en JavaScript ES6 o
con una versión anterior.

auto-detect-indentation y atom-beautify

El primero configura la identación del fichero basado en el contenido

que ya tiene, no solo en las settings del editor. El segundo organiza el
código para verlo mejor.

Y tras tanta personalización, ¿que pasa si quieres llevártela a otra

máquina, quieres compartirla, o simplemente no perderla? Pues usar
otra extensión: sync-settings.

syn-settings

te
Permite guardar la personalización realizada en el editor en un gist de
GitHub. Hay que tener una cuenta disponible. Para hacer el backup
en
hay que introducir en Atom el token de acceso a GitHub y el ID del gist
donde vas a hacerlo. Aquí puedes encontrar la configuración descrita
en este post.
rg

En Internet hay muchas páginas mostrando conjuntos de extensiones

preferidas para distintos usos. Aquí he compartido las mías.
U

 February 26, 2017  Diego Tejera  Tecnología  Desarrollo SW, Herramientas,

Node.js, Open source, Software libre

Proudly powered by WordPress

4 de 4 05/12/18 12:21
PDF creado con la versión de prueba de pdfFactory Pro www.pdffactory.com