Lo mejor de Atom: Personaliza tu Atom con estes Plugins

· 4 min de lectura
Lo mejor de Atom: Personaliza tu Atom con estes Plugins

Existen diversos editores de texto en el mercado. Pero si lo que buscas es optimizar y hacer de tu experiencia mucho más agradable, entonces Atom es para ti.

Introducción

Atom es un editor de texto de código abierto realizado por GitHub que permite personalizar fácilmente cada aspecto. Toda la aplicación está escrito en JavaScript, CSS y HTML.

  • Multiplataforma: funciona en macOS, Windows y Linux.
  • Gestor de paquetes: Hay miles de Plugins creados que hacen Atom increíble. Atom Packages
  • Autocompletado: Un sistema de auto-completado muy extenso para cada lenguaje de programación.
  • Navegación: Una forma mas agradable de navegar por cada directorio
  • Varios es: Dividir su espacio de trabajo en varios es para comparar y editar código.

¿Porque Atom?

¡Un editor de código para el hogar del futuro!

El objetivo principal de Atom es que cualquiera puede modificar el núcleo para que haga lo que quiera. Todo es personalizable a través de CSS y JavaScript. Si desea una característica que no existe, es muy fácil para empezar a escribir su propio paquete.

Minimap

Una vista previa del código fuente completo y desplazable.

https://atom.io/packages/minimap

Minimap para atom

Project-manager

Alt + Shift + P

Facilitar el y la gestión de todos tus proyectos. Permite la configuración y las opciones específicas de cada proyecto.

https://atom.io/packages/project-manager

Project mananger para el ide atom

Highlight-selected

Al hacer doble clic en una palabra, y cada palabra coincidente en el archivo quedará resaltado.

https://atom.io/packages/highlight-selected

Resaltado de codigo para atom

simple-drag-drop-text

Resaltar el texto para arrastrar y soltar los que en otra parte de su archivo.

https://atom.io/packages/simple-drag-drop-text

Seleccionar y mover el texto para atom

git-plus

Ctrl + Shift + H

Los s directos a las acciones git comunes sin necesidad de cambiar a su terminal.

https://atom.io/packages/git-plus

Git Plus para atom

merge-conflicts

Una herramienta muy útil para encontrar, pre visualización y la resolución de conflictos dentro de su proyecto.

https://atom.io/packages/merge-conflicts

color-picker

Cuando seleccionas un color automáticamente se activa en una nueva ventana color-picker es muy útil y te permite elegir tu color.

https://atom.io/packages/color-picker

emmet

Uno de mis favoritos, ya que ahorra mucho tiempo en la construcción de las paginas. Solo tienes que dar un pista sobre el html y realizara el auto-completado.

https://atom.io/packages/emmet

emmet para atom

Docblockr

Es otro de mis favoritos, con este plugin es muy rapido realizar la documentación detecta los detalles de la función que esta debajo y tiene un auto rellenado que es un gran aporte para los comentarios.

https://atom.io/packages/docblockr

Comentario documentado para atom

Pigments

Detecta y muestra colores detrás del texto representativo por lo que no tiene que recordar de qué color es un número.

https://atom.io/packages/pigments

Mostrar colores en atom

Linter

Probablemente uno de los paquetes más votos realizados, este visualiza y le avisa de errores dentro de su proyecto. Asegúrese de instalar todos los linters para que pueda detectar los errores como eslint, phplint, etc.

https://atom.io/packages/linter

Mostrar errores del codigo atom

Autocomplete-modules

Se completa automáticamente require/import para que siguiendo la ruta que escribe y que muestra los archivos disponibles en ese lugar.

https://atom.io/packages/autocomplete-modules

auto completado del modulos atom

Auto-update-packages

Actualiza sus paquetes de forma automática mediante la comprobación de actualizaciones.

https://atom.io/packages/auto-update-packages

actualizacion automatica de los plugins atom

file-icons

Bonito y bueno para la visualización de nuestros archivos.

https://atom.io/packages/file-icons

iconos para tus archivos atom


Artículo anterior

Mejores fuentes tipográficas para programadores

¿Le damos importancia a la fuente que utilizamos para desarrollar?

Artículo siguiente

Plantilla para crear wireframes de páginas web mobile y tablet

Si estas diseñando un sitio web o una aplicación, estas plantillas simples están diseñados para ayudarte a realizar el boceto de tus ideas en papel.

Artículos Relacionados

Como crear una foto de perfil muy artístico y caricatura con New Profile Pic

Como crear una foto de perfil muy artístico y caricatura con New Profile Pic

· 2 min de lectura
Instagram lanza "Live Rooms" para emisiones en directo con hasta cuatro personas

Instagram lanza "Live Rooms" para emisiones en directo con hasta cuatro personas

· 2 min de lectura
Grabar una imagen ISO a USB Booteable  en Linux de forma fácil

Grabar una imagen ISO a USB Booteable en Linux de forma fácil

· 2 min de lectura
Microsoft presenta Windows Terminal, nueva aplicación de código abierto

Microsoft presenta Windows Terminal, nueva aplicación de código abierto

· 1 min de lectura
CloudFlare Warp: VPN que promete mejorar navegación móvil

CloudFlare Warp: VPN que promete mejorar navegación móvil

· 1 min de lectura
Microsoft lanza la fuente de la calculadora de Windows en GitHub

Microsoft lanza la fuente de la calculadora de Windows en GitHub

· 1 min de lectura