{"id":728,"date":"2017-02-07T22:07:37","date_gmt":"2017-02-07T22:07:37","guid":{"rendered":"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/?p=728"},"modified":"2017-02-09T21:00:42","modified_gmt":"2017-02-09T21:00:42","slug":"dossier-editors-de-codi","status":"publish","type":"post","link":"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/es\/2017\/02\/07\/dossier-editors-de-codi\/","title":{"rendered":"Dosier &#8212; Editores de c\u00f3digo"},"content":{"rendered":"<p><\/p>\n<h1>EDITORES DE C\u00d3DIGO<\/h1>\n<h2>Introducci\u00f3n: Qu\u00e9 son?<\/h2>\n<p>Los editores de c\u00f3digo son programas que nos ayudan a gestionar el c\u00f3digo fuente de nuestros proyectos. Son ideales cuando se trabaja con diferentes lenguajes de programaci\u00f3n, altern\u00e1ndolos o en un solo proyecto (por ejemplo, en un proyecto web es muy habitual combinar html, javascript, css, php, etc.).<\/p>\n<p>El c\u00f3digo, de hecho, no es m\u00e1s que texto, que ser\u00e1 interpretado como c\u00f3digo 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 ( &#8216;plain text&#8217;) como la Libreta de Notas en Windows o TextEdit en Mac. Pero excepto por cambios muy r\u00e1pidos cuando no tenemos un editor a mano, es muy poco habitual trabajar el c\u00f3digo con estos entornos tan austeros.<\/p>\n<p>Lo que hacen los editores de c\u00f3digo es facilitarnos la tarea, de maneras distintas\u00a0seg\u00fan cada uno de ellos. Por ejemplo, es muy habitual que tenga funciones de autocompletar, de gesti\u00f3n de versiones, que cambien los colores de cada parte del texto seg\u00fan el contexto, que comprueben la sintaxis del c\u00f3digo, o que a partir de plugins se pueda ejecutar el c\u00f3digo directamente para probarlo.<\/p>\n<h2>Recursos<\/h2>\n<p>Como en tantos otros temas, una b\u00fasqueda en Internet sobre editores de c\u00f3digo fuente (source code editores) nos llevar\u00e1 a p\u00e1ginas y m\u00e1s p\u00e1ginas con listas de los 10, 15, 20, 49 &#8230;) mejores editores de c\u00f3digo, consejos, recomendaciones, video tutoriales &#8230; y un consejo que se repite, emulando <a href=\"https:\/\/www.youtube.com\/watch?v=nfswcNBqVOY\">el famoso anuncio de Col\u00f3n de los a\u00f1os 80<\/a>: Busque, compare&#8230; y utilize el que mejor servicio le haga.<\/p>\n<p>Algunos de estos enlaces con listas son realmente buenos y exhaustivos, y encontrar\u00e1 que en general se repiten siempre los mismos editores. Vale la pena fijarse con la fecha de publicaci\u00f3n. Cualquier cosa con m\u00e1s de un par de a\u00f1os de antig\u00fcedad la podemos considerar antigua, en un tema como este. por ejemplo, <a href=\"http:\/\/blog.livecoding.tv\/10-best-text-editors-programming-2016\/\">este enlace<\/a>, en ingl\u00e9s como la gran mayor\u00eda, es de los mejores, y lista pros y contras de cada editor. O <a href=\"http:\/\/www.emezeta.com\/articulos\/los-mejores-editores-de-texto-para-programar\">este otro en castellano<\/a>, tambi\u00e9n muy completo y bien comentado.<\/p>\n<p>Vista esta variedad y completitud de listas, evitaremos hacer aqu\u00ed la en\u00e9sima iteraci\u00f3n. Pod\u00e9is\u00a0navegar por las dos listas propuestas y las decenas m\u00e1s que encontrar\u00e9is con una simple b\u00fasqueda para ver pr\u00e1cticamente\u00a0todas las opciones posibles. En este post, teniendo en cuenta que si hab\u00e9is llegado hasta aqu\u00ed es que probablemente os est\u00e1is iniciando en la programaci\u00f3n, o al menos en el uso de editores de c\u00f3digo, nos centraremos solamente en\u00a0tres: Sublime, Atom y Brackets. Los elegimos teniendo en cuenta cu\u00e1l es la mejor opci\u00f3n para alguien que se quiere iniciar hoy en d\u00eda. Los dos primeros son sin duda la preferencia de casi todos los que escriben sobre editores de c\u00f3digo y en recomiendan. El tercero, Brackets, es una recomendaci\u00f3n espec\u00edfica para los que trabajan exclusivamente en lenguajes web.<\/p>\n<h2>El podio<\/h2>\n<p>Dejaremos a manos del lector decidir qui\u00e9n se llev\u00f3 la medalla de oro, plata y bronce de nuestro podio, y procederemos a presentar los tres candidatos por estricto orden de aparici\u00f3n. Sublime texto, un veterano aparecido en 2008 ir\u00e1 primero, seguido por Atom y Brackets, aparecidos a inicios y finales de 2014 respectivamente.<\/p>\n<h2>SUBLIME TEXT<\/h2>\n<ul>\n<li>Desarrollador: \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 Sublime HQ Pty Ltd<\/li>\n<li>Licencia: \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 Software propietario, con licencia <a href=\"https:\/\/es.wikipedia.org\/wiki\/Nagware\"><em>begware<\/em><\/a><\/li>\n<li>Precio:\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Demo gratis e ilimitada \/ $70 Pago \u00fanico<\/li>\n<li>Primera versi\u00f3n de: \u00a0 \u00a0Enero 2008<\/li>\n<li>Sistemas operativos: \u00a0 Mac, Linux, Windows<\/li>\n<\/ul>\n<p style=\"text-align: center\"><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/files\/2017\/02\/Sublime-text-2-screenshot.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-730 aligncenter\" src=\"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/files\/2017\/02\/Sublime-text-2-screenshot.png\" width=\"400\" height=\"226\" srcset=\"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/files\/2017\/02\/Sublime-text-2-screenshot.png 640w, http:\/\/multimedia.uoc.edu\/blogs\/labpc\/files\/2017\/02\/Sublime-text-2-screenshot-300x169.png 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/a><\/p>\n<p style=\"text-align: center\"><em>By Jordi Burguet-Castell &#8211; Own work, CC BY-SA 4.0, <a href=\"https:\/\/commons.wikimedia.org\/w\/index.php?curid=45722042\">https:\/\/commons.wikimedia.org\/w\/index.php?curid=45722042<\/a><\/em><\/p>\n<p>La comunidad de usuarios de Sublime es extensa y activa. Esto se puede comprobar mirando el foro que cuelga de la misma <a href=\"https:\/\/forum.sublimetext.com\/\">p\u00e1gina del proyecto<\/a> y naturalmente haciendo b\u00fasquedas gen\u00e9ricas en Internet. Los mismos creadores de Sublime mantienen un <a href=\"https:\/\/www.sublimetext.com\/blog\/\">blog<\/a> para explicar las novedades y actualizaciones y una <a href=\"https:\/\/www.sublimetext.com\/support\">documentaci\u00f3n y servicio de de ayuda formal<\/a>.<\/p>\n<h3>Selecci\u00f3n de plugins<\/h3>\n<p>Entre los muchos plugins disponibles para Sublime (que tambi\u00e9n aparecen en listas como\u00a0<a href=\"http:\/\/www.hongkiat.com\/blog\/sublime-text-plugins\/\">esta de 18<\/a>\u00a0o <a href=\"https:\/\/www.sitepoint.com\/10-essential-sublime-text-plugins-full-stack-developer\/\">esta de 10<\/a>, destacamos los siguientes:<\/p>\n<ul>\n<li><strong><a href=\"https:\/\/packagecontrol.io\/\">Package control<br \/>\n<\/a><\/strong>El plugin que permita monitorizar de manera f\u00e1cil y eficiente todos los dem\u00e1s plugins, packages, etc. que a\u00f1adas a Sublime.<strong><a href=\"https:\/\/packagecontrol.io\/\"><br \/>\n<\/a><\/strong><\/li>\n<li><strong><a href=\"https:\/\/packagecontrol.io\/packages\/Alignment\">Alignment<br \/>\n<\/a><\/strong>Del mismo desarrollador que el anterior: facilita la legibilidad del c\u00f3digo permitiendo formatearlo. Funciona con varios lenguajes de programaci\u00f3n.<strong><a href=\"https:\/\/packagecontrol.io\/packages\/Alignment\"><br \/>\n<\/a><\/strong><\/li>\n<\/ul>\n<ul>\n<li><strong><a href=\"https:\/\/github.com\/kemayo\/sublime-text-git\">Git<br \/>\n<\/a><\/strong>Otro plugin esencial, en este caso si trabaja con GitHub. Este plugin le permitir\u00e1 ejecutar los comandos esenciales de este controlador de versiones sin necesidad de salir del editor de c\u00f3digo.<\/li>\n<\/ul>\n<h3>Pros<\/h3>\n<ul>\n<li>Proyecto veterano y consolidado<\/li>\n<li>Amplia comunidad de usuarios<\/li>\n<li>Interfaz muy refinada con muchos detalles que ayudan a ser eficiente programando<\/li>\n<\/ul>\n<h3>Contras<\/h3>\n<ul>\n<li>No es gratuito (aunque casi)<\/li>\n<li>Competidores como Atom le podr\u00edan hacer perder fuerza a medio t\u00e9rmino<\/li>\n<\/ul>\n<h3><strong>Conclusi\u00f3n<\/strong>:<\/h3>\n<p>Sublime es una muy buena opci\u00f3n si se quiere un editor de c\u00f3digo fiable, robusto, consolidado, y con una amplia comunidad detr\u00e1s. Sin embargo, por decant\u00e9is por esta opci\u00f3n, tenga los ojos abiertos a futuros acontecimientos, sobre todo teniendo en cuenta el peso que pueda ir cogiendo el pr\u00f3ximo editor que analizaremos: Atom.<\/p>\n<h3><strong>Recopilaci\u00f3n de recursos para Sublime:<\/strong><\/h3>\n<ul>\n<li>Complet\u00edsimo y muy actualizado tutorial de Sublime 3, en castellano, alojado en la web del IES San Clemente de Santiago de Compostela:<br \/>\n<a href=\"https:\/\/manuais.iessanclemente.net\/index.php\/Tutorial_sobre_editor_Sublime_Text_3\">https:\/\/manuais.iessanclemente.net\/index.php\/Tutorial_sobre_editor_Sublime_Text_3<\/a><\/li>\n<li>Esta gu\u00eda tambi\u00e9n es muy completa, quiz\u00e1 una mejor opci\u00f3n para iniciarse:<br \/>\n<a href=\"http:\/\/www.emezeta.com\/articulos\/guia-sublime-text\">http:\/\/www.emezeta.com\/articulos\/guia-sublime-text<\/a><\/li>\n<\/ul>\n<p>Y de entre los much\u00edsimos videotutoriales, una selecci\u00f3n de los que son en castellano::<\/p>\n<ul>\n<li>Videotutorial de Sublime 3:<br \/>\n<a href=\"https:\/\/www.youtube.com\/watch?v=Ugq_LHcOBtA\">https:\/\/www.youtube.com\/watch?v=Ugq_LHcOBtA<\/a><\/li>\n<li>Introducci\u00f3n a Sublime (versi\u00f3n 2):<br \/>\n<a href=\"https:\/\/www.youtube.com\/watch?v=9RQlsuGAcCM\">https:\/\/www.youtube.com\/watch?v=9RQlsuGAcCM<\/a><\/li>\n<li>Curso intensivo de Sublime Text:<br \/>\n<a href=\"https:\/\/www.youtube.com\/watch?v=VJmvnfUKZ2I\">https:\/\/www.youtube.com\/watch?v=VJmvnfUKZ2I<\/a><\/li>\n<li>Para los m\u00e1s novatos, instalaci\u00f3n de\u00a0Sublime 3:<br \/>\n<a href=\"https:\/\/www.youtube.com\/watch?v=Ao8N4ZFIhnE\">https:\/\/www.youtube.com\/watch?v=Ao8N4ZFIhnE<\/a><\/li>\n<\/ul>\n<h3><\/h3>\n<h2>ATOM<\/h2>\n<ul>\n<li>Desarrollador: \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 Github Inc.<\/li>\n<li>Licencia: \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0\u00a0<a href=\"https:\/\/ca.wikipedia.org\/wiki\/Llic%C3%A8ncia_X11\">MIT License<\/a><\/li>\n<li>Precio:\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Gratis<\/li>\n<li>Primera versi\u00f3n de: \u00a0\u00a0 Febrero 2014<\/li>\n<li>Sistemas operativos: \u00a0 Mac, Linux, Windows<\/li>\n<\/ul>\n<p style=\"text-align: center\"><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/files\/2017\/02\/Atom-editor.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-733 aligncenter\" src=\"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/files\/2017\/02\/Atom-editor.png\" alt=\"Atom\" width=\"400\" height=\"305\" srcset=\"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/files\/2017\/02\/Atom-editor.png 1102w, http:\/\/multimedia.uoc.edu\/blogs\/labpc\/files\/2017\/02\/Atom-editor-300x229.png 300w, http:\/\/multimedia.uoc.edu\/blogs\/labpc\/files\/2017\/02\/Atom-editor-768x585.png 768w, http:\/\/multimedia.uoc.edu\/blogs\/labpc\/files\/2017\/02\/Atom-editor-1024x781.png 1024w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/a><\/p>\n<p style=\"text-align: center\"><em>By Jordi Burguet-Castell &#8211; Own work, CC BY-SA 4.0, <a href=\"https:\/\/commons.wikimedia.org\/w\/index.php?curid=45722042\">https:\/\/commons.wikimedia.org\/w\/index.php?curid=45722042<\/a><\/em><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/files\/2017\/02\/Atom-editor.png\"><br \/>\n<\/a><\/p>\n<p>Atom es un competidor directo de Sublime Text. De hecho, aparece en contraposici\u00f3n a \u00e9ste, todo copiando la vez la gran mayor\u00eda 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\u00f3n con los que se puede trabajar es muy amplio. Es pues, tambi\u00e9n, una herramienta pensada para ser muy vers\u00e1til.<\/p>\n<p>No\u00a0es ninguna sorpresa que Atom disponga de un <a href=\"http:\/\/blog.atom.io\/\">blog<\/a> y <a href=\"https:\/\/atom.io\/docs\">p\u00e1gina oficial de documentaci\u00f3n<\/a>\u00a0as\u00ed como de un <a href=\"https:\/\/discuss.atom.io\/\">foro<\/a> que, a juzgar por n\u00famero de visitas y respuestas a los posts, a pesar de ser bastante activo no llega a los niveles del de sublime. Eso s\u00ed, al tener Github detr\u00e1s, Atom juega con la ventaja de tener ya de entrada una base potencial de usuarios muy grande, as\u00ed que, como se ha dicho, es esperable que vaya creciendo en los pr\u00f3ximos tiempos si el desarrollo de este editor se mantiene el alto nivel que hasta ahora.<\/p>\n<p>Para hacerse una idea del nivel de creatividad y recursos que hay detr\u00e1s Atom, no se pierdan el genial v\u00eddeo de presentaci\u00f3n: <a href=\"https:\/\/www.youtube.com\/watch?v=Y7aEiVwBAdk\">https:\/\/www.youtube.com\/watch?v=Y7aEiVwBAdk<\/a><\/p>\n<h3>Selecci\u00f3n de plugins<\/h3>\n<p>La misma p\u00e1gina de Atom ofrece un <a href=\"https:\/\/atom.io\/packages\">buen listado de los plugins y packages disponibles<\/a>. Entre estos, destacamos:<\/p>\n<ul>\n<li><strong><a href=\"https:\/\/atom.io\/packages\/minimap\">Minimap<br \/>\n<\/a><\/strong>Se trata de un plugin que a\u00f1ade a Atom una caracter\u00edstica que Sublime ya tiene: Una representaci\u00f3n gr\u00e1fica de todo el c\u00f3digo (en la parte derecha del editor) que te sit\u00faa en tu proyecto. Muy \u00fatil.<strong><a href=\"https:\/\/atom.io\/packages\/minimap\"><br \/>\n<\/a><\/strong><strong><a href=\"https:\/\/atom.io\/packages\/minimap\"><br \/>\n<\/a><\/strong><\/li>\n<li><strong><a href=\"https:\/\/atom.io\/packages\/atom-beautify\">Beautify<br \/>\n<\/a><\/strong>Este plugin recupera un nombre con mucha historia para formatear el texto de manera que sea legible. Beautify es como se dec\u00eda de hacer esto al m\u00edtico Design by Numbers de John Maeda, y en las primeras versiones de su sucesor: Processing.<\/li>\n<\/ul>\n<ul>\n<li><strong><a href=\"https:\/\/atom.io\/packages\/git-plus\">Git Plus<br \/>\n<\/a><\/strong>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\u00f3digo.<\/li>\n<\/ul>\n<h3>Pros<\/h3>\n<ul>\n<li>Gratis<\/li>\n<li>C\u00f3digo libre<\/li>\n<li>Promovido por\u00a0GitHub<\/li>\n<\/ul>\n<h3>Contras<\/h3>\n<ul>\n<li>Todav\u00eda es muy nuevo y relativamente poco implementado<\/li>\n<li>Se parece mucho a Sublime, se podr\u00eda argumentar que demasiado.<\/li>\n<\/ul>\n<h3>Conclusi\u00f3n<\/h3>\n<p>Atom es una muy buena elecci\u00f3n como editor de c\u00f3digo. Es un proyecto que ha empezado muy fuerte y tiene buenas perspectivas por delante, sobre todo por el hecho de que detr\u00e1s tiene una plataforma tan potente como GitHub. Adem\u00e1s, forma parte de la cultura del c\u00f3digo abierto. Es decir, es &#8216;free&#8217; como gratuito pero tambi\u00e9n &#8216;free&#8217; en tanto que libre y a disposici\u00f3n de todos.<\/p>\n<h3>Recopilaci\u00f3n de recursos para Atom:<\/h3>\n<ul>\n<li>Guia de iniciaci\u00f3n, en castellano:<br \/>\n<a href=\"http:\/\/www.emezeta.com\/articulos\/como-configurar-atom-editor-y-sus-mejores-plugins\">http:\/\/www.emezeta.com\/articulos\/como-configurar-atom-editor-y-sus-mejores-plugins<\/a><\/li>\n<\/ul>\n<ul>\n<li>Guia de iniciaci\u00f3n en ingl\u00e9s:<br \/>\n<a href=\"http:\/\/readwrite.com\/2014\/05\/20\/github-atom-5-tips-getting-started-tutorial-corey-johnson\/\">http:\/\/readwrite.com\/2014\/05\/20\/github-atom-5-tips-getting-started-tutorial-corey-johnson\/<\/a><\/li>\n<\/ul>\n<ul>\n<li>I dentro de su propia web:<br \/>\nDocumentaci\u00f3n: <a href=\"http:\/\/flight-manual.atom.io\/\">http:\/\/flight-manual.atom.io\/<br \/>\n<\/a>\u00a0 \u00a0 \u00a0Packages: <a href=\"https:\/\/atom.io\/packages\">https:\/\/atom.io\/packages<\/a><\/li>\n<\/ul>\n<h2>BRACKETS<\/h2>\n<ul>\n<li>Desarrollador: \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 Adobe Systems<\/li>\n<li>Licencia: \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0<a href=\"https:\/\/ca.wikipedia.org\/wiki\/Llic%C3%A8ncia_X11\">MIT License<\/a><\/li>\n<li>Precio:\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 Gratis<\/li>\n<li>Primera versi\u00f3n de: \u00a0\u00a0 Noviembre 2014<\/li>\n<li>Sistemas operativos: \u00a0 Mac, Linux, Windows<\/li>\n<\/ul>\n<p style=\"text-align: center\"><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/files\/2017\/02\/hero@2x.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-736\" src=\"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/files\/2017\/02\/hero@2x.png\" width=\"400\" height=\"129\" srcset=\"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/files\/2017\/02\/hero@2x.png 2300w, http:\/\/multimedia.uoc.edu\/blogs\/labpc\/files\/2017\/02\/hero@2x-300x97.png 300w, http:\/\/multimedia.uoc.edu\/blogs\/labpc\/files\/2017\/02\/hero@2x-768x248.png 768w, http:\/\/multimedia.uoc.edu\/blogs\/labpc\/files\/2017\/02\/hero@2x-1024x330.png 1024w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/a><\/p>\n<p style=\"text-align: center\"><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/files\/2017\/02\/hero@2x.png\"><br \/>\n<\/a><em>Font:\u00a0<a href=\"http:\/\/brackets.io\/\">http:\/\/brackets.io\/<\/a><\/em><\/p>\n<p>Brackets es un editor de c\u00f3digo diferente a los docs anteriores, porque est\u00e1 enfocado exclusivamente a la programaci\u00f3n web. As\u00ed pues, si os interesa programar con HTML5, javascript, css &#8230; esta puede ser tu opci\u00f3n. Con Brackets puede editar c\u00f3digo web en tiempo real, es decir, viendo inmediatamente los cambios resultantes de lo toque al c\u00f3digo.<\/p>\n<p>Este editor cuenta con una caracter\u00edstica bastante particular: Pertenece a y est\u00e1 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\u00e9is os pod\u00e9is bajar el c\u00f3digo fuente de GitHub.<\/p>\n<p>Brackets, como todo buen editor de c\u00f3digo, trabaja con colores para que puedan distinguir las partes del c\u00f3digo. Tiene m\u00faltiples <a href=\"http:\/\/brackets.io\/contribute.html\">extensiones<\/a> para ampliar las funcionalidades del programa, y \u200b\u200bal ser c\u00f3digo abierto permite su crecimiento sostenido. Y entre otras cosas, tiene una funcionalidad para revisar el c\u00f3digo JavaScript (llamada JSLint) y ayudar en el proceso de depuraci\u00f3n de errores.<\/p>\n<h3>Pros<\/h3>\n<ul>\n<li>Gratis<\/li>\n<li>Software\u00a0libre<\/li>\n<li>Pensado espec\u00edficamente para programaci\u00f3n web: Si es su \u00e1mbito, no necesita m\u00e1s.<\/li>\n<li>Desarrollado por\u00a0Adobe Systems<\/li>\n<\/ul>\n<h3>Contras<\/h3>\n<ul>\n<li>Pensado espec\u00edficamente para programaci\u00f3n web: Si desea hacer m\u00e1s que programaci\u00f3n web, encontrar\u00e1 limitaciones<\/li>\n<li>Desarrollado por\u00a0Adobe Systems<\/li>\n<\/ul>\n<h3>Conclusi\u00f3n<\/h3>\n<p>Es un muy buen editor de c\u00f3digo. Como est\u00e1 pensado espec\u00edficamente para los lenguajes que se utilizan para programar webs, obviamente es una muy buena opci\u00f3n s\u00f3lo si \u00e9ste es su contexto de trabajo. Por tanto, en este caso es simple: Si trabaja con lenguajes web, intente Brackets. Si hace un uso m\u00e1s generalista de lenguajes de programaci\u00f3n, mirad Sublime o Atom.<\/p>\n<h3><strong>Recursos externos:<\/strong><\/h3>\n<ul>\n<li>Un buen art\u00edculo que explica las principales caracter\u00edsticas:<br \/>\n<a href=\"http:\/\/html5facil.com\/tips\/brackets-io-un-editor-de-texto-open-source-por-adobe\/\">http:\/\/html5facil.com\/tips\/brackets-io-un-editor-de-texto-open-source-por-adobe\/<\/a><\/li>\n<\/ul>\n<ul>\n<li>Y otro en ingl\u00e9s:<br \/>\n<a href=\"https:\/\/www.sitepoint.com\/review-brackets-editor\/\">https:\/\/www.sitepoint.com\/review-brackets-editor\/<\/a><\/li>\n<\/ul>\n<ul>\n<li>Razones para utilizar Brackets:<br \/>\n<a href=\"https:\/\/www.seekmomentum.com\/blog\/design-and-development\/switched-brackets-io\/\">https:\/\/www.seekmomentum.com\/blog\/design-and-development\/switched-brackets-io\/<\/a><\/li>\n<\/ul>\n<ul>\n<li>Canal oficial en\u00a0youtube, lleno de tutoriales:<br \/>\n<a href=\"https:\/\/www.youtube.com\/user\/CodeBrackets\">https:\/\/www.youtube.com\/user\/CodeBrackets<\/a><\/li>\n<\/ul>\n<h2><\/h2>\n<h2><strong>Comentarios finales<\/strong><\/h2>\n<p>Como se ha dicho, esta es s\u00f3lo una peque\u00f1a selecci\u00f3n de las muchas opciones que hay, pero una selecci\u00f3n razonada. Una especie de podio que hemos elegido, y que coincide con el que se suele encontrar en las t\u00edpicas &#8216;listas de&#8217; que se encuentra en Internet. Si lo desea comprobar -y ver otras opciones-aqu\u00ed ten\u00e9is algunos ejemplos:<\/p>\n<ul>\n<li>Tres buenas listas en castellano:<br \/>\n<a href=\"http:\/\/www.emezeta.com\/articulos\/los-mejores-editores-de-texto-para-programar\">http:\/\/www.emezeta.com\/articulos\/los-mejores-editores-de-texto-para-programar<\/a> (ya mencionado al inicio del art\u00edculo).<br \/>\n<a href=\"https:\/\/hipertextual.com\/archivo\/2014\/09\/editores-codigo-mas-versatiles\/\">https:\/\/hipertextual.com\/archivo\/2014\/09\/editores-codigo-mas-versatiles\/<br \/>\n<\/a><a href=\"http:\/\/www.campusmvp.es\/recursos\/post\/Los-10-mejores-editores-gratuitos-de-HTML-CSS-y-JavaScript.aspx\">http:\/\/www.campusmvp.es\/recursos\/post\/Los-10-mejores-editores-gratuitos-de-HTML-CSS-y-JavaScript.aspx<\/a><\/li>\n<\/ul>\n<ul>\n<li>&#8230;y una en ingl\u00e9s:<br \/>\n<a href=\"https:\/\/www.elegantthemes.com\/blog\/resources\/the-11-best-code-editors-available-in-2015\">https:\/\/www.elegantthemes.com\/blog\/resources\/the-11-best-code-editors-available-in-2015<\/a><\/li>\n<\/ul>\n<ul>\n<li>Y si lo quer\u00e9is en formato v\u00eddeo, aqu\u00ed:<br \/>\n<a href=\"https:\/\/www.youtube.com\/watch?v=nmR5gEj1l9o\">https:\/\/www.youtube.com\/watch?v=nmR5gEj1l9o<\/a><\/li>\n<\/ul>\n<p>Y para no ser menos, entre las alternativas que encontrar\u00e1 destacaremos estos:<\/p>\n<ul>\n<li>Vim &#8211; <a href=\"http:\/\/www.vim.org\/\">http:\/\/www.vim.org\/<\/a><\/li>\n<li>Nano &#8211; <a href=\"https:\/\/www.nano-editor.org\/\">https:\/\/www.nano-editor.org\/<\/a><\/li>\n<li>Gedit &#8211; <a href=\"https:\/\/wiki.gnome.org\/Apps\/Gedit\">https:\/\/wiki.gnome.org\/Apps\/Gedit<\/a><\/li>\n<li>Notepad++ &#8211; <a href=\"https:\/\/notepad-plus-plus.org\/\">https:\/\/notepad-plus-plus.org\/<\/a><\/li>\n<li>TextWrangler &#8211; <a href=\"http:\/\/www.barebones.com\/products\/TextWrangler\/\">http:\/\/www.barebones.com\/products\/TextWrangler\/<\/a><\/li>\n<\/ul>\n<p>As\u00ed pues, si no te quieres fiar de nuestra preselecci\u00f3n, busque, compare, y utilice el que os parezca mejor.<\/p>\n<p>&nbsp;<\/p>\n<h1><\/h1>\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>EDITORES DE C\u00d3DIGO Introducci\u00f3n: Qu\u00e9 son? Los editores de c\u00f3digo son programas que nos ayudan a gestionar el c\u00f3digo fuente de nuestros proyectos. Son ideales cuando se trabaja con diferentes lenguajes de programaci\u00f3n, altern\u00e1ndolos o en un solo proyecto (por ejemplo, en un proyecto web es muy habitual combinar html, javascript, css, php, etc.). El [&hellip;]<\/p>\n","protected":false},"author":100,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22,23,2,3,1,4,33,34,37,18],"tags":[138,140,137,136,141,122,139],"class_list":["post-728","post","type-post","status-publish","format-standard","hentry","category-castellano","category-catalan","category-dificultad","category-facil","category-general","category-idioma","category-linux","category-mac","category-software","category-windows","tag-atom","tag-brackets","tag-editores-de-codigo","tag-editors-de-codi","tag-programacio","tag-programacion","tag-sublime"],"_links":{"self":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/es\/wp-json\/wp\/v2\/posts\/728","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/es\/wp-json\/wp\/v2\/users\/100"}],"replies":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/es\/wp-json\/wp\/v2\/comments?post=728"}],"version-history":[{"count":13,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/es\/wp-json\/wp\/v2\/posts\/728\/revisions"}],"predecessor-version":[{"id":756,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/es\/wp-json\/wp\/v2\/posts\/728\/revisions\/756"}],"wp:attachment":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/es\/wp-json\/wp\/v2\/media?parent=728"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/es\/wp-json\/wp\/v2\/categories?post=728"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labpc\/es\/wp-json\/wp\/v2\/tags?post=728"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}