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

Comments

Leave a Reply

*

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

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

Suscríbete al Boletín

Si quieres estar al tanto de las novedades del blog, ya sabes :)
* = campo obligatorio

powered by MailChimp!

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información. ACEPTAR

Aviso de cookies