+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.

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 Facebook2Tweet about this on TwitterShare on Google+Share on 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