Grado de Multimedia – UOC Universitat Oberta de Catalunya
Laboratorio de programacion creativa Grado de Multimedia – UOC

Bienvenidos

EDITORES DE CÓDIGO

Introducción: Qué son?

Los editores de código son programas que nos ayudan a gestionar el código fuente de nuestros proyectos. Son ideales cuando se trabaja con diferentes lenguajes de programación, alternándolos o en un solo proyecto (por ejemplo, en un proyecto web es muy habitual combinar html, javascript, css, php, etc.).

El código, de hecho, no es más que texto, que será interpretado como código cuando se ejecute en el contexto adecuado. Esto quiere decir que, en realidad, lo podemos escribir en cualquier entorno que nos mantenga el texto puro ( ‘plain text’) como la Libreta de Notas en Windows o TextEdit en Mac. Pero excepto por cambios muy rápidos cuando no tenemos un editor a mano, es muy poco habitual trabajar el código con estos entornos tan austeros.

Lo que hacen los editores de código es facilitarnos la tarea, de maneras distintas según cada uno de ellos. Por ejemplo, es muy habitual que tenga funciones de autocompletar, de gestión de versiones, que cambien los colores de cada parte del texto según el contexto, que comprueben la sintaxis del código, o que a partir de plugins se pueda ejecutar el código directamente para probarlo.

Recursos

Como en tantos otros temas, una búsqueda en Internet sobre editores de código fuente (source code editores) nos llevará a páginas y más páginas con listas de los 10, 15, 20, 49 …) mejores editores de código, consejos, recomendaciones, video tutoriales … y un consejo que se repite, emulando el famoso anuncio de Colón de los años 80: Busque, compare… y utilize el que mejor servicio le haga.

Algunos de estos enlaces con listas son realmente buenos y exhaustivos, y encontrará que en general se repiten siempre los mismos editores. Vale la pena fijarse con la fecha de publicación. Cualquier cosa con más de un par de años de antigüedad la podemos considerar antigua, en un tema como este. por ejemplo, este enlace, en inglés como la gran mayoría, es de los mejores, y lista pros y contras de cada editor. O este otro en castellano, también muy completo y bien comentado.

Vista esta variedad y completitud de listas, evitaremos hacer aquí la enésima iteración. Podéis navegar por las dos listas propuestas y las decenas más que encontraréis con una simple búsqueda para ver prácticamente todas las opciones posibles. En este post, teniendo en cuenta que si habéis llegado hasta aquí es que probablemente os estáis iniciando en la programación, o al menos en el uso de editores de código, nos centraremos solamente en tres: Sublime, Atom y Brackets. Los elegimos teniendo en cuenta cuál es la mejor opción para alguien que se quiere iniciar hoy en día. Los dos primeros son sin duda la preferencia de casi todos los que escriben sobre editores de código y en recomiendan. El tercero, Brackets, es una recomendación específica para los que trabajan exclusivamente en lenguajes web.

El podio

Dejaremos a manos del lector decidir quién se llevó la medalla de oro, plata y bronce de nuestro podio, y procederemos a presentar los tres candidatos por estricto orden de aparición. Sublime texto, un veterano aparecido en 2008 irá primero, seguido por Atom y Brackets, aparecidos a inicios y finales de 2014 respectivamente.

SUBLIME TEXT

  • Desarrollador:             Sublime HQ Pty Ltd
  • Licencia:                       Software propietario, con licencia begware
  • Precio:                           Demo gratis e ilimitada / $70 Pago único
  • Primera versión de:    Enero 2008
  • Sistemas operativos:   Mac, Linux, Windows

By Jordi Burguet-Castell – Own work, CC BY-SA 4.0, https://commons.wikimedia.org/w/index.php?curid=45722042

La comunidad de usuarios de Sublime es extensa y activa. Esto se puede comprobar mirando el foro que cuelga de la misma página del proyecto y naturalmente haciendo búsquedas genéricas en Internet. Los mismos creadores de Sublime mantienen un blog para explicar las novedades y actualizaciones y una documentación y servicio de de ayuda formal.

Selección de plugins

Entre los muchos plugins disponibles para Sublime (que también aparecen en listas como esta de 18 o esta de 10, destacamos los siguientes:

  • Package control
    El plugin que permita monitorizar de manera fácil y eficiente todos los demás plugins, packages, etc. que añadas a Sublime.
  • Alignment
    Del mismo desarrollador que el anterior: facilita la legibilidad del código permitiendo formatearlo. Funciona con varios lenguajes de programación.
  • Git
    Otro plugin esencial, en este caso si trabaja con GitHub. Este plugin le permitirá ejecutar los comandos esenciales de este controlador de versiones sin necesidad de salir del editor de código.

Pros

  • Proyecto veterano y consolidado
  • Amplia comunidad de usuarios
  • Interfaz muy refinada con muchos detalles que ayudan a ser eficiente programando

Contras

  • No es gratuito (aunque casi)
  • Competidores como Atom le podrían hacer perder fuerza a medio término

Conclusión:

Sublime es una muy buena opción si se quiere un editor de código fiable, robusto, consolidado, y con una amplia comunidad detrás. Sin embargo, por decantéis por esta opción, tenga los ojos abiertos a futuros acontecimientos, sobre todo teniendo en cuenta el peso que pueda ir cogiendo el próximo editor que analizaremos: Atom.

Recopilación de recursos para Sublime:

Y de entre los muchísimos videotutoriales, una selección de los que son en castellano::

ATOM

  • Desarrollador:             Github Inc.
  • Licencia:                       MIT License
  • Precio:                           Gratis
  • Primera versión de:    Febrero 2014
  • Sistemas operativos:   Mac, Linux, Windows

Atom

By Jordi Burguet-Castell – Own work, CC BY-SA 4.0, https://commons.wikimedia.org/w/index.php?curid=45722042

Atom es un competidor directo de Sublime Text. De hecho, aparece en contraposición a éste, todo copiando la vez la gran mayoría de funcionalidades. Por tanto, son en el fondo muy similares, incluso con el aspecto, y todo hace prever que Atom le pueda ir ganando terreno a Sublime. Como con Sublime, el abanico de lenguajes de programación con los que se puede trabajar es muy amplio. Es pues, también, una herramienta pensada para ser muy versátil.

No es ninguna sorpresa que Atom disponga de un blog y página oficial de documentación así como de un foro que, a juzgar por número de visitas y respuestas a los posts, a pesar de ser bastante activo no llega a los niveles del de sublime. Eso sí, al tener Github detrás, Atom juega con la ventaja de tener ya de entrada una base potencial de usuarios muy grande, así que, como se ha dicho, es esperable que vaya creciendo en los próximos tiempos si el desarrollo de este editor se mantiene el alto nivel que hasta ahora.

Para hacerse una idea del nivel de creatividad y recursos que hay detrás Atom, no se pierdan el genial vídeo de presentación: https://www.youtube.com/watch?v=Y7aEiVwBAdk

Selección de plugins

La misma página de Atom ofrece un buen listado de los plugins y packages disponibles. Entre estos, destacamos:

  • Minimap
    Se trata de un plugin que añade a Atom una característica que Sublime ya tiene: Una representación gráfica de todo el código (en la parte derecha del editor) que te sitúa en tu proyecto. Muy útil.

  • Beautify
    Este plugin recupera un nombre con mucha historia para formatear el texto de manera que sea legible. Beautify es como se decía de hacer esto al mítico Design by Numbers de John Maeda, y en las primeras versiones de su sucesor: Processing.
  • Git Plus
    Como en el caso de Sublime, Atom dispone de un plugin que le permite ejecutar los comandos esenciales de este controlador de versiones sin necesidad de salir del editor de código.

Pros

  • Gratis
  • Código libre
  • Promovido por GitHub

Contras

  • Todavía es muy nuevo y relativamente poco implementado
  • Se parece mucho a Sublime, se podría argumentar que demasiado.

Conclusión

Atom es una muy buena elección como editor de código. Es un proyecto que ha empezado muy fuerte y tiene buenas perspectivas por delante, sobre todo por el hecho de que detrás tiene una plataforma tan potente como GitHub. Además, forma parte de la cultura del código abierto. Es decir, es ‘free’ como gratuito pero también ‘free’ en tanto que libre y a disposición de todos.

Recopilación de recursos para Atom:

BRACKETS

  • Desarrollador:             Adobe Systems
  • Licencia:                        MIT License
  • Precio:                           Gratis
  • Primera versión de:    Noviembre 2014
  • Sistemas operativos:   Mac, Linux, Windows


Font: http://brackets.io/

Brackets es un editor de código diferente a los docs anteriores, porque está enfocado exclusivamente a la programación web. Así pues, si os interesa programar con HTML5, javascript, css … esta puede ser tu opción. Con Brackets puede editar código web en tiempo real, es decir, viendo inmediatamente los cambios resultantes de lo toque al código.

Este editor cuenta con una característica bastante particular: Pertenece a y está desarrollado por Adobe Systems, un monstruo del software propietario, pero es software libre. Por lo tanto, se lo puede descargar e instalar gratuitamente, y si queréis os podéis bajar el código fuente de GitHub.

Brackets, como todo buen editor de código, trabaja con colores para que puedan distinguir las partes del código. Tiene múltiples extensiones para ampliar las funcionalidades del programa, y ​​al ser código abierto permite su crecimiento sostenido. Y entre otras cosas, tiene una funcionalidad para revisar el código JavaScript (llamada JSLint) y ayudar en el proceso de depuración de errores.

Pros

  • Gratis
  • Software libre
  • Pensado específicamente para programación web: Si es su ámbito, no necesita más.
  • Desarrollado por Adobe Systems

Contras

  • Pensado específicamente para programación web: Si desea hacer más que programación web, encontrará limitaciones
  • Desarrollado por Adobe Systems

Conclusión

Es un muy buen editor de código. Como está pensado específicamente para los lenguajes que se utilizan para programar webs, obviamente es una muy buena opción sólo si éste es su contexto de trabajo. Por tanto, en este caso es simple: Si trabaja con lenguajes web, intente Brackets. Si hace un uso más generalista de lenguajes de programación, mirad Sublime o Atom.

Recursos externos:

Comentarios finales

Como se ha dicho, esta es sólo una pequeña selección de las muchas opciones que hay, pero una selección razonada. Una especie de podio que hemos elegido, y que coincide con el que se suele encontrar en las típicas ‘listas de’ que se encuentra en Internet. Si lo desea comprobar -y ver otras opciones-aquí tenéis algunos ejemplos:

Y para no ser menos, entre las alternativas que encontrará destacaremos estos:

Así pues, si no te quieres fiar de nuestra preselección, busque, compare, y utilice el que os parezca mejor.

 

Últimos artículos

  • Dossier — Kinect y Processing

    KINECT y PROCESSING La Microsoft Kinect es una cámara de profundidad que apareció en 2010 para la Xbox de Microsoft. La versión 2 apareció en 2013, e incorpora una serie de mejoras que comentaremos más abajo. Nota histórica y previsión de futuro Cuando apareció, Kinect aspiraba a causar una revolución en el mundo de los videojuegos tan grande […]

  • Dosier — IDEs

    IDEs Introduccion: Qué son? El acrónimo IDE significa ‘Integrated Development Environment’, es decir: Entorno Integrado de Desarrollo. Se trata de programas que nos facilitan el uso de lenguajes de programación, yendo más allá de que los editores de código fuente revisados ​​en un post anterior [enlace]. En general, incluyen el editor de texto pero añaden […]

  • Dosier — Editores de código

    EDITORES DE CÓDIGO Introducción: Qué son? Los editores de código son programas que nos ayudan a gestionar el código fuente de nuestros proyectos. Son ideales cuando se trabaja con diferentes lenguajes de programación, alternándolos o en un solo proyecto (por ejemplo, en un proyecto web es muy habitual combinar html, javascript, css, php, etc.). El […]