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

Introducción a la Consola

Una de las dudas principales a la hora de empezar a manejar las nuevas herramientas de desarrollo web es la necesidad de aprender los comandos básicos de la consola. En este nuevo vídeo mostraremos en menos de 7 minutos la utilización básica de la termina o consola de Linux y MacOSX. En este episodio veremos los comandos más básicos para crear, modificar y borrar ficheros y directorios. Además veremos cómo editar ficheros de manera sencilla con vim desde consola.

Leer más...

Docker Compose, para cuando quieres arrancar varios contenedores de manera coordinada

¿Estás harto del docker run?¿Kitematic se que queda corto?¿No sabes cómo arrancar varios contenedores a la vez? En este vídeo vas a ser capaz de poder ver cómo utilizar Docker Compose para realizar estas tareas de una manera más cómoda.

Leer más...

He instalado Docker, ¿Y ahora qué?

En esta entrada veremos cómo se puede instalar el software web Portainer, una vez instalado Docker en nuestro ordenador. Además veremos cómo poner en marcha un servidor MySQL en base a una plantilla modificada de Portainer.  Pincha en Leer Más para ver el vídeo de Youtube donde se explican estas tres herramientas.

Leer más...

Categorías de Cursos

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