+34 949 490 283info@ayuve.netC/ Juan Bautista Topete, 8. 1ª Planta. Oficina 1. 19001. Guadalajara

Primeros pasos con el editor de código ATOM

febrero 11, 2016 2 Comentarios

atom_web_de_descarga_editor_texto_libre

ATOM es un moderno editor de código y texto que además es hackeable y que ha sido creado por la gente de Github.

Sus características principales son:

  • sirve para trabajar en cualquier sistema operativo (Windows, OS X o Linux)
  • puedes instalarle paquetes o crear los tuyos propios
  • autocompletado inteligente que permite escribir código más rápido
  • buscar y reemplazar texto de una forma sencilla
  • … y más características que puedes descubrir en su web

Los primeros pasos

Para comenzar en ATOM primero debes ir a su web y descargarlo. Una vez instalado vuelve aquí y continuamos con el post.

Ahora que ya lo tienes instalado verás algo parecido a esto cuando abras algún código fuente:

editor_atom_foto_de_crunchbrang

Foto de crunchbang.org

Es un entorno amigable al código ya que el estilo de base con el que viene hace muy fácil comenzar a programar. Sin ventanas raras iniciales, sin historias, directo al grano, a programar.

Por defecto viene con el theme One Dark pero es personalizable hasta niveles extremos. Puedes cambiar tanto themes como el theme de la sintaxis. Se hace clicando en File (Archivo) y luego en Settings o haciendo CTRL + comma.

Extendiendo la funcionalidad de ATOM

Los paquetes son extensiones a ATOM que dan aún más potencia al editor al añadirle funcionalidades extra que no vienen de base.

Se instalan yendo a la configuración ( CTRL + comma) y seleccionando la opción de Install (instalar).

El primero de los paquetes que debes instalar es Color Picker que permite que cuando hagas CTRL + ALT + C salga un color picker o seleccionador de colores que te permitirá seleccionar el código del color que desees en RGB o Hexadecimal.

Otro gran paquete es Minimap. Éste paquete hace que la barra lateral se convierta en una mini visión del código actual, algo realmente curioso y útil.

A otros lectores/as les gustó:  Solucionamos los problemas informáticos de tu empresa

minimap_package_atom

Por último, no hay que dejar uno que se llama file-icons, que hace que los archivos tenga iconos de su lenguaje, lo que los hace más visuales a la hora de usar pestañas o árboles de archivos; y el paquete emmet, el cual tiene muchas herramientas útiles para programar.

Nuestra experiencia personal

Tras haber usado IDEs como Netbeans o Eclipse, ATOM los supera al ser realmente potente en rapidez a la hora de escribir código y en agilidad con el programa.

No queremos dejar de recomendaros un vídeo tutorial donde os explican todo esto mucho mejor que nosotros:

Si has llegado hasta aquí es que te ha gustado el artículo y no queremos dejar pasar la ocasión de pedirte que lo compartas en facebook y twitter y que además conozcas los servicios de Ayuve y en particular nuestra zona de trabajos realizados en Páginas Web, Tiendas Online, Diseño Gráfico y Marketing Online.

En Ayuve somos especialistas en WordPress

 

¿Te ha gustado? Compártelo Share on Facebook
Facebook
Tweet about this on Twitter
Twitter
Share on LinkedIn
Linkedin

Comentarios (2)

  1. esme 21 agosto, 2017

    hola muy buen post!! quisiera saber algo!!! en atom cuando cierro el programa y lo vuelvo a abrir desaparece todo los proyecto que tenia, y tengo que volver a buscarlo para ponerlo en atom, mi pregunta es hay algo para instalar o configurar para que los proyectos se queden en el programa y no que lo vaya a buscar siempre en la carpeta de workspace?? gracias

  2. Gema 18 abril, 2018

    Hola estoy empezando con Atom Editor y mi mayor problema es que solo me permite hacer un guardado por archivo. En el segundo guardado me dice que no tiene permisos y tengo que recurrir a guardar como…. y así sucesivamente-
    Trabajo bajo windows 7
    Alguien sabe cómo puedo solucionar mi problema? GRACIAS

Deja un comentario