Atom, el editor de código de Github, gana popularidad día tras día. Los desarrolladores prefieren este editor de código porque es liviano, tiene una curva de aprendizaje baja y se puede ampliar con una variedad de paquetes Atom útiles.

Al principio, Atom se usó como una herramienta interna para Github, pero luego se lanzó como una herramienta de código abierto para el público en general. La comunidad respondió rápidamente y ahora cuenta con un próspero ecosistema de usuarios y colaboradores.

Como editor multiplataforma listo para usar, Atom funciona en OS X, Windows y Linux. Tiene finalización automática inteligente, útil para aquellos que desean escribir código limpio rápidamente, y presenta un explorador de archivos conveniente donde puede abrir y agregar archivos rápidamente.

Si aspira a ser un usuario avanzado de Atom, aquí hay una lista de los mejores paquetes de Atom que aumentarán su productividad y harán que su codificación sea mucho más fácil.

Siga leyendo más sobre este tema en este artículo creado por nuestro equipo en wpDataTables, el complemento n.º 1 de WP para crear tablas y gráficos.

Descubra qué paquetes Atom vale la pena usar y por qué.

Los mejores paquetes Atom para completar su configuración de codificación

Algunos dicen que Atom es el mejor editor de código general del mercado. Ciertamente es comparable con Sublime Text y Notepad ++, con sus propias ventajas. El editor de código está repleto de todo tipo de características que mejoran la codificación, entre las que debemos mencionar:

Es multiplataforma: independientemente del sistema operativo que esté usando, Atom simplemente funciona
Tiene un administrador de paquetes incorporado: si desea instalar los mejores paquetes Atom, no tendrá que lidiar con administrarlos.
Función inteligente de finalización automática: puede escribir código mucho más rápido con esta función
Búsqueda en el sistema de archivos: despídase de navegar por los archivos durante demasiado tiempo, ya que puede hacerlo todo en una sola ventana
Paneles múltiples: puede dividir la interfaz de Atom en varios paneles
Simplicidad: el mayor punto fuerte de Atom es que es muy fácil de usar.

Como puede ver, Atom ya está equipado con todo lo que necesita para codificar. Para necesidades más especializadas, puede recurrir a paquetes aportados por la comunidad, que se explicarán en la siguiente sección.

¿Cuáles son los mejores paquetes Atom y por qué los necesitamos?

Los paquetes Atom son programas de software externos y bits de código que agregan funciones adicionales al producto principal, mejorando así sus capacidades. Con Atom, a veces también se hace referencia a un paquete como "complemento" o "extensión".

Al agregar paquetes Atom al programa principal, Atom se vuelve mucho más eficiente y lo ayuda a hacer más con menos esfuerzo. Todos los usuarios pueden hacer su propia elección en términos de qué paquetes Atom utilizar.

Descargar e instalar los paquetes es fácil y pueden mejorar enormemente la experiencia del usuario del programa principal. Sin embargo, es posible que muchos de ellos no se apliquen a su flujo de trabajo o a los idiomas con los que trabaja, por lo que solo debe instalar los mejores paquetes de Atom para usted.

Pero primero, veamos cómo instalar un paquete Atom.

Cómo instalar paquetes Atom

Al instalar su primer paquete Atom, es mejor leer los pasos cuidadosamente. Lo más probable es que los aprenda de memoria y no tenga que usar esta lista cada vez. Una vez que haya seleccionado los mejores paquetes Atom para usted, hay dos formas de instalarlos:

Haga clic en Archivo > Configuración. Esto abrirá la Vista de configuración. Aquí, haga clic en Instalar y escriba el nombre del paquete que planea instalar. Un acceso directo para la Vista de configuración es ctrl +, (ctrl y coma) en PC y cmd +, en Mac.
Puede usar la paleta de comandos de la misma manera. Acceda presionando ctrl+ Shift + P en PC o cmd+ Shift + P en Mac. Escriba "instalar paquetes" aquí. Luego puede usar la Vista de configuración como se indica arriba.

Algunos paquetes vienen incluidos con Atom de forma predeterminada. Se denominan paquetes básicos y se pueden desactivar. Sin embargo, se recomienda no deshabilitarlos porque influyen en el comportamiento general del editor. Los otros paquetes que instalará se enumerarán en Paquetes comunitarios.

Una lista de los mejores paquetes Atom para instalar de inmediato

Atom es versátil, y sería una pena no expandirlo con nuevas funciones a solo unos clics de distancia.

Dicho esto, hay más de 8000 paquetes disponibles y tomar una decisión puede ser muy difícil si no sabes exactamente lo que quieres.

Para ayudarlo en su búsqueda, vea nuestra lista de los mejores paquetes Atom a continuación:

Hormiga

Emmet es uno de los mejores paquetes Atom porque es universalmente útil en muchos idiomas.

Es una herramienta de fragmentos de código que ayuda a los desarrolladores front-end a crear HTML y CSS rápidamente, y también se puede usar para crear fragmentos de código personalizados para cualquier otra cosa. Para ello, Emmet utiliza abreviaturas que se convierten en cadenas de texto más largas.

Preguntar a la pila

A ningún desarrollador le resulta cómodo pasar del navegador al editor y viceversa durante todo el día. Ask Stack Overflow es un paquete que le permite buscar en Stack Overflow y obtener sus ejemplos de código directamente en Atom, sin tener que rastrear las respuestas para encontrarlas usted mismo.

git-culpa

Otro de los mejores paquetes de Atom, git-blame, te permite cambiar las anotaciones en el editor de Atom. Para hacerlo, solo necesita presionar ctrl + B o hacer clic derecho en su archivo y luego seleccionar Git Blame.

Asegúrese de hacer esto en el archivo correcto; de lo contrario, podría alternar el elemento incorrecto o colapsar sus carpetas en una barra lateral de vista de árbol.

pelusa

Este es un paquete que no hace mucho por sí solo, pero proporciona una base que puede usar dentro de Atom para agregar complementos de linter más rápido. Tiene soporte para la mayoría de los lenguajes y funciona con HTML, HAML, JSON, CSS, SCSS, Java y más.

Linter también tiene complementos para idiomas de back-end. Hay una lista completa en la página de inicio del paquete.

En general, los linters se utilizan para mejorar la calidad del código y reducir la cantidad de errores.

git-time-machine

A veces, tener una imagen de todas tus acciones pasadas frente a ti puede ser de gran ayuda. Es por esto que git-time-machine merece estar en la lista de los mejores paquetes Atom del mercado.

Le permite ver la trama visual de las confirmaciones de su archivo y también es interactivo. Puede hacer clic en el gráfico de tiempo y ver las confirmaciones en un rango de tiempo específico.

Átomo embellecer

El código claro es mucho más fácil de revisar y corregir si se encuentran errores. Hacerlo legible sin implicar mucho esfuerzo es posible con Atom Beautify, un paquete Atom que requiere un solo clic para limpiar cientos de líneas de código.

Aquellos que trabajan en equipos más grandes pueden encontrar este paquete muy útil, ya que el código se formateará de manera estándar para que todos puedan leerlo sin problemas. El paquete admite varios lenguajes, incluidos HTML, CSS, Python, Ruby, C y más.

JavaScript turbo

Si usa Atom para codificar en JavaScript, este paquete no puede faltar en su lista. Le permite usar fragmentos de código JavaScript que mejoran su flujo de trabajo y optimizan su código.

Estos fragmentos funcionan bien para ECMAScript 6 y son muy fáciles de aprender ya que sus nombres son intuitivos, breves y atractivos. Un ejemplo sería "si", que representa un bloque "si" completo.

lenguaje-líquido

Los desarrolladores front-end que usan el lenguaje de plantillas Liquid de Shopify pueden usar language-liquid para resaltar su sintaxis.

Atom tiene una opción de resaltado incluida de forma predeterminada, pero no está disponible cuando se usa Liquid. Aquí es donde interviene language-liquid y evita que los usuarios pierdan horas revisando su código.

Si usa otro idioma que necesita compatibilidad adicional con el resaltado de sintaxis, intente buscar un paquete similar con otro nombre de idioma.

Resaltar seleccionado

En la misma nota que el resaltado de sintaxis, pero con una función diferente, Resaltar seleccionado se usa para señalar las ocurrencias de una palabra específica en su código.

Puede seleccionar cualquier palabra haciendo doble clic en ella y Resaltar seleccionados le mostrará todos los demás lugares donde aparece esa palabra. ¡Simple, pero extremadamente conveniente!

Oye, ¿sabías que los datos también pueden ser hermosos?

wpDataTables puede hacerlo de esa manera. Hay una buena razón por la que es el plugin de WordPress n.º 1 para crear tablas y gráficos receptivos.

Un ejemplo real de wpDataTables en la naturaleza

Y es muy fácil hacer algo como esto:

Usted proporciona los datos de la tabla.
Configúralo y personalízalo
Publicarlo en una publicación o página

Y no solo es bonito, sino también práctico. Puede crear tablas grandes con hasta millones de filas, o puede usar filtros y búsquedas avanzados, o puede volverse loco y hacerlo editable.

“Sí, pero me gusta demasiado Excel y no hay nada de eso en los sitios web". Sí, lo hay. Puede usar formato condicional como en Excel o Google Sheets.

¿Te dije que también puedes crear gráficos con tus datos? Y eso es solo una pequeña parte. Hay muchas otras características para ti.

Teletipo

Teletype merece su lugar en la lista de los mejores paquetes Atom, ya que trae algo nuevo a la mesa: lo que le permite a usted y a su equipo colaborar en un espacio de trabajo.

Teletype le permite compartir su código con otro programador y les otorga acceso para editarlo en tiempo real. En algunos casos, esto es muy útil porque se alienta a los programadores principiantes a seguir a los programadores más experimentados y aprender sus formas de manejar un proyecto.

El teletipo también se puede usar para realizar colaboraciones en equipo, por lo que no se limita a compartir código con una sola persona, sino con varias. Este paquete es el resultado de la creatividad e innovación del equipo de GitHub.

Desde 2017, Teletype se encuentra entre los paquetes favoritos de muchos desarrolladores, fomentando conceptos como la programación en pareja y la codificación social.

Archivo abierto avanzado (por Osmose)

Advanced Open File es un paquete Atom que ayuda a los usuarios a abrir archivos y buscar carpetas más fácilmente. También puede crear otros nuevos dentro de Advanced Open File, lo que reduce el tiempo necesario para hacerlo en Atom. Puede acceder presionando Alt + cmd/ctrl + O.

Menos que barra oblicua

Aquellos que usan HTML más en comparación con otros idiomas deberían probar Less Than-Slash. De los mejores paquetes Atom, Less Than-Slash se diferencia por su simplicidad y efectividad.

El paquete agrega una etiqueta HTML de cierre después de escribir </. Además, el paquete puede reconocer qué etiqueta requiere cerrarse y la agrega automáticamente mientras ignora las etiquetas similares o similares.

También puede especificar todas las etiquetas que preferiría que se ignoraran en el panel de configuración del paquete. Además, puede aprovechar la opción de retorno del cursor, que envía el cursor al principio de la etiqueta de cierre, lo que facilita la reescritura.

Iconos de archivo

Atom está programado para mostrar el nombre del archivo en la vista de árbol al acceder a la ventana del editor. Esto a veces se percibe como un inconveniente, teniendo en cuenta que algunas personas prefieren saber el nombre del archivo en el que están trabajando en el icono del archivo.

Como sugiere el nombre, File Icons es el paquete Atom que hace exactamente eso. Es un pequeño cambio con un gran efecto, por lo que debe intentarlo y ver cómo mejora su flujo de trabajo.

Diseño de panel Plus

¿Tiene problemas con la organización de paneles en Atom? Page Layout Plus le permite controlar la distribución de cada panel, y también le brinda la opción de usar accesos directos. Usando los accesos directos, puede saltar entre columnas o establecer diseños.

Paquete Git-Plus

Tomar acciones en Gitis es bastante difícil porque siempre necesitas cambiar a la terminal. Git-Plus lo ayuda a realizar acciones de Git sin tener que cambiar para hacerlo. Se basa en códigos cortos y solo tiene que presionar cmd/ctrl + Shift + H. Todos los comandos de Git se pueden ejecutar con este paquete.

Pigmentos (por abe33)

En el diseño web, los códigos de color lo son todo. Pigments es un paquete conveniente que escanea su archivo y detecta los códigos de color existentes que luego se muestran. Los pigmentos cubren HEX, RGB y HSL.

Si trabaja con funciones de transformación de color como LESS o Stylus CSS, Pigments también puede ayudarlo, ya que tiene funciones listas para usar. Puede personalizar el tipo de marcador o configurar diferentes palabras de color para cada archivo.

Selector de color

Hablando de los mejores paquetes Atom en términos de gestión del color, Color Picker merece un lugar aquí. Puede ajustar los valores de color mucho más rápido en un archivo CSS, que es una característica útil para quienes trabajan en la industria del diseño web.

El selector de color aparecerá en la pantalla presionando cmd/ctrl + Shift + C. Descubrir qué colores está usando con tanta facilidad reduce el tiempo necesario para ajustar los tonos.

Minimapa (por átomo-minimapa)

Para aquellos que están familiarizados con Sublime Text, un minimapa es una función útil para los desarrolladores a los que les gusta ver una vista previa del contenido de su archivo en la ventana del editor de código. Tener uno de estos en la pantalla ayuda a los desarrolladores a mantener su dirección y enfoque.

Minimap es un paquete para Atom que te permite hacer lo mismo. Además de su funcionalidad principal, también puede mostrar marcadores, marcadores de pelusa y colores de pigmentos.

TODO-Mostrar

¿Quiere que todos los comentarios TODO, FIXME y CHANGED aparezcan en su pantalla? En caso afirmativo, utilice TODO-Show. Es un paquete genial que resulta muy útil para los desarrolladores que prefieren escribir sus notas directamente en el código.

Entre los mejores paquetes Atom, este parece ser uno de los más útiles. Tenga en cuenta que también puede crear comentarios personalizados además de los prefabricados.

Gerente de proyecto

Cambiar rápidamente entre proyectos no es el fuerte de Atom. Por eso deberías probar este paquete que te permite cambiar mucho más fácilmente.

Guarde sus proyectos utilizando la Paleta de comandos escribiendo en Administrador de proyectos: Guardar proyecto. Luego, una vez que los haya guardado, puede filtrar sus proyectos y cambiar entre ellos fácilmente.

Pestañas Atom expuestas

Este paquete de Atom le brinda la posibilidad de tabular sobre los archivos abiertos en el programa. Si está familiarizado con Mission Control de Mac, es bastante similar. El paquete mostrará los paneles activos y una vista previa de cada pestaña.

Reflexiones finales sobre los mejores paquetes Atom

Aunque esta lista debería darle suficiente para masticar, no es exhaustiva de todos los mejores paquetes Atom que existen. Recuerde que hay más de 8000 de ellos, así que tómese su tiempo para encontrar los más aplicables a los idiomas que utiliza.

Atom es lo suficientemente potente sin todos estos paquetes, pero estos paquetes Atom fáciles de instalar disponibles de forma gratuita ampliarán sus funcionalidades para que sea más cómodo de usar.

Si disfrutó leyendo este artículo sobre los mejores paquetes de Atom, debe consultar este sobre los temas de Sublime Text.

También escribimos sobre algunos temas relacionados, como los complementos de Sublime Text y cómo convertirse en un desarrollador front-end.

Fuente de grabación: wpdatatables.com