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

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

• Completísimo y muy actualizado tutorial de Sublime 3, en castellano, alojado en la web del IES San Clemente de Santiago de Compostela:
  https://manuais.iessanclemente.net/index.php/Tutorial_sobre_editor_Sublime_Text_3
• Esta guía también es muy completa, quizá una mejor opción para iniciarse:
  http://www.emezeta.com/articulos/guia-sublime-text

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

• Videotutorial de Sublime 3:
  https://www.youtube.com/watch?v=Ugq_LHcOBtA
• Introducción a Sublime (versión 2):
  https://www.youtube.com/watch?v=9RQlsuGAcCM
• Curso intensivo de Sublime Text:
  https://www.youtube.com/watch?v=VJmvnfUKZ2I
• Para los más novatos, instalación de Sublime 3:
  https://www.youtube.com/watch?v=Ao8N4ZFIhnE

ATOM

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

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

• Guia de iniciación, en castellano:
  http://www.emezeta.com/articulos/como-configurar-atom-editor-y-sus-mejores-plugins

• Guia de iniciación en inglés:
  http://readwrite.com/2014/05/20/github-atom-5-tips-getting-started-tutorial-corey-johnson/

• I dentro de su propia web:
  Documentación: http://flight-manual.atom.io/
  Packages: https://atom.io/packages

BRACKETS

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

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

• Un buen artículo que explica las principales características:
  http://html5facil.com/tips/brackets-io-un-editor-de-texto-open-source-por-adobe/

• Y otro en inglés:
  https://www.sitepoint.com/review-brackets-editor/

• Razones para utilizar Brackets:
  https://www.seekmomentum.com/blog/design-and-development/switched-brackets-io/

• Canal oficial en youtube, lleno de tutoriales:
  https://www.youtube.com/user/CodeBrackets

 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:

• Tres buenas listas en castellano:
  http://www.emezeta.com/articulos/los-mejores-editores-de-texto-para-programar (ya mencionado al inicio del artículo).
  https://hipertextual.com/archivo/2014/09/editores-codigo-mas-versatiles/
  http://www.campusmvp.es/recursos/post/Los-10-mejores-editores-gratuitos-de-HTML-CSS-y-JavaScript.aspx

• …y una en inglés:
  https://www.elegantthemes.com/blog/resources/the-11-best-code-editors-available-in-2015

• Y si lo queréis en formato vídeo, aquí:
  https://www.youtube.com/watch?v=nmR5gEj1l9o

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

• Vim – http://www.vim.org/
• Nano – https://www.nano-editor.org/
• Gedit – https://wiki.gnome.org/Apps/Gedit
• Notepad++ – https://notepad-plus-plus.org/
• TextWrangler – http://www.barebones.com/products/TextWrangler/

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

Cita recomendada: SOLER-ADILLON, Joan. Los mejores Editores de Código. Mosaic [en línea], marzo 2017, no. 147. ISSN: 1696-3296. DOI: https://doi.org/10.7238/m.n147.1712.