Universitat Oberta de Catalunya

Los mejores 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ás 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 te 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, si os decantáis por esta opción, tened 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
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, copiando a la vez la gran mayoría de funcionalidades. Por tanto, son en el fondo muy similares, incluso en 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, se espera que vaya creciendo en los próximos tiempos si el desarrollo de este editor mantiene el alto nivel que ha mostrado hasta ahora.

Para hacerse una idea del nivel de creatividad y recursos que hay detrás Atom, no os perdáis este 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, quizás 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 porqué tiene detrás una plataforma tan potente como GitHub. Además, forma parte de la cultura del código abierto. Es decir, es ‘free’ porqué es gratuito pero también ‘free’ en tanto que es libre y está en 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 dos 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 se puedan distinguir las partes del código. Tiene múltiples extensiones para ampliar las funcionalidades del programa, y ​​al ser de código abierto permite su crecimiento sostenido. Además, entre otras cosas, tiene una funcionalidad para revisar el código JavaScript (llamada JSLint) y así ayudar en el proceso de depuración de errores.

Pros

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

Contras

  • Pensado específicamente para programación web: Si deseas hacer más que programación web, encontrarás 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 tu contexto de trabajo. Por tanto, en este caso es simple: Si trabajáis con lenguajes web, prueba Brackets, si hacéis 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 quieres comprobarlo -y ver otras opciones-aquí tienes algunos ejemplos:

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

Así pues, si no te quieres fiar de nuestra preselección, busca, compara, y utiliza el que mejor te parezca.

Acerca del autor

Lectuer in Digital Media en el departamento de Media Arts de Royal Holloway, University of London. Licenciado en Filosofía por la Universitat Autònoma de Barcelona, Máster en Telecomunicaciones Interactivas per la New York University (ITP; Tisch School of the Arts), Máster Oficial en Sistemas i Media Cognitivos Interactivos por la Universitat Pompeu Fabra i Doctor en Comunicación Social per la Universitat Pompeu Fabra. De 2006 a 2016 trabajó en el Departamento de Comunicación de la Universitat Pompeu Fabra, haciendo docéncia en el Grado en Comunicación Audiovisual, Máster de Artes Digitales, Máster en Vídeo Digital –del cual fue director, la Escuela Superior Politécnica i la escuela de diseño ELISAVA. Ha impartido también docéncia en la Universitat de Vic i en la Universitat Oberta de Catalunya, así como en la Universidad San Francisco de Quito (Equador). Ha realizado varios proyectos de instalaciones interactivas, performance y vídeo, que ha presentado en Nueva York y Barcelona, además de diversos talleres i conferéncias. Su investigación se centra en el campo del arte digital y del documental interactivo.

Deja un comentario