Mejores paquetes y temas para Atom si eres un desarrollador frontend

Atom se ha convertido en uno de los principales entorno y editores libres de código a continuación veremos algunos paquetes y temas interesantes para desarrolladores web:

  • Autoupdate-package: es un actualizador de paquetes de Atom, de nada nos sirve disponer de mejoras en las funcionalidades si no las tenemos puestas al día.
  • Atom TypeScript: es un paquete que permite mejorar la edición de código del lenguaje Typescript utilizado principalmente en el desarrollo de Angular.
  • File Icons: siempre va a quedar más bonito y eficiente nuestro navegador de proyecto si podemos ver los iconos de los ficheros asociando el tipo del fichero con un icono apropiado, por ejemplo con los fichero CSS
  • Git Plus: paquete de integración con Git.  Permite el uso de los comandos git desde el interfaz gráfico de Atom
  • Github for Atom:  paquete que permite la integración de Atom con Github
  • Minimap: este paquete permite ver un resumen en la parte derecha de la venta del fichero que estamos editando en cada momento, esto facilita la localización de contenidos dentro del fichero
  • Linter: paquet eque permite la utilización de un analizador de código para aplicar las normas de estilo de codificación. Será necesario que visites la página https://atomlinter.github.io/ para instalar el paquete para tu  lenguaje de programación favorito.
  • Pigments: es un paquete que permite visualizar los colores asignados en ficheros, por ejemplo CSS, directamente en el editor de fichero.
  • Color Picker: paquete que permite la elección de un color desde el propio editor de código, también válido para ficheros CSS
  • Toolbar y Flex Tool Bar: son dos paquetes que permiten la creación de una barra de herramientas similar a la que disponemos en Visual Studio Code, editable por fichero de configuración, donde podemos incluir iconos que nos faciliten en acceso a las herramientas principales
  • Atom Material UI : tema de personalización que permite la visualización del entorno de desarrollo con un estilo similar a la especificación de diseño de Material Design.

 

Si estás interesado en seguir formándote tenemos una serie de cursos gratuitos:

Cursos Gratuitos

También disponemos de algunos cursos de pago por si son de tu interés:

https://cursosdedesarrollo.com/tienda/

Curso de Angular:

Angular

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.