Adobe ha lanzado Brackets, un editor de código abierto diseñado para facilitar el desarrollo web. Este editor se distingue por ser liviano y potente, ofreciendo características únicas como la edición rápida y la vista previa dinámica.
Brackets es una herramienta de edición de texto que facilita el diseño en el navegador, especialmente útil para diseñadores web y desarrolladores de aplicaciones para usuarios. Con herramientas visuales enfocadas y soporte de preprocesador, Brackets es un moderno editor de texto que facilita el diseño en el navegador. Como proyecto de código abierto, puedes participar en el desarrollo y descargar Brackets de forma completamente gratuita.
¿Qué es Brackets?
Brackets es un editor de texto moderno, liviano y poderoso. Mezcla herramientas visuales en el editor para que pueda obtener la cantidad correcta de ayuda cuando lo desee sin obstaculizar su proceso creativo. Es un proyecto de código abierto, respaldado por una comunidad activa y apasionada.
Sigue ofreciendo la versatilidad de un programa ligero, potente y pensado para facilita el flujo de trabajo y los procesos de diseñadores web y desarrolladores front-end. Con herramientas y ayudas visuales que agilizan las acciones creativas.
Brackets es un editor de HTML, CSS y JavaScript que tiene características particulares, es sumamente funcional y posee características muy innovadoras que por cierto ha alcanzado la versión 1.0 el 4 de Noviembre de 2014.
Características Clave de Brackets
- Editores en Línea: Brackets mejora la eficiencia de codificación con su función de Editores en Línea.
- Vista Previa en Vivo: La Vista Previa en Vivo en Brackets aporta un aspecto dinámico al desarrollo web.
- Soporte de Preprocesadores: Brackets está diseñado para trabajar con preprocesadores de una forma completamente nueva.
- Conexión en Tiempo Real al Navegador: Realiza cambios en CSS y HTML y verá instantáneamente esos cambios en la pantalla. También vea dónde se está aplicando su selector de CSS en el navegador simplemente colocando el cursor sobre él.
En lugar de pasar de una pestaña a otra, Brackets te permite abrir una ventana hacia el código que más te importa. Es el poder de un editor de código con la comodidad de las herramientas de desarrollo del navegador.
Brackets te permite trabajar directamente en el navegador editando el código al instante, estableciendo breakpoints y moviéndose con fluidez entre las diferentes vistas de código y del mismo navegador.
Cada vez que el programa detecta que tienes un error en tu código te avisa para que así puedas corregirlo fácilmente y funcione correctamente. Tiene soporte de archivos con formato de Adobe Photoshop (.psd) lo cual permite crear sitios web más rápido y uniendo además el diseño a tu creación.
Funcionalidades y Extensiones
Brackets cuenta con muchas características que la vuelven muy completa para ser gratuita. Tiene la posibilidad de agregar extensiones a la aplicación para así añadir más características y tener un editor más completo.
El siguiente paso va a ser configurar las extensiones, para que se haga un editor todavía más potente. Funciona como las extensiones del Google Chrome, y puedes instalar las que más te convengan. Es tan fácil como dar al botón Instalar que aparece al lado de cada una de ellas. La única pega es que la información de cada extensión viene en inglés y no es demasiado clara.
En este caso concreto, vamos a buscar Emmet, una extensión de Brackets que según nos dijo nuestro profe, es muy utilizada en varios editores, no solo este. La extensión Emmet tiene muchísimas funcionalidades, pero la más interesante es que gracias a esta ella, cuando escribes html:5 (siempre con la opción de HTML seleccionada en el desplegable de la parte inferior derecha) le das al tabulador y aparece toda la estructura HTML 5 del documento.
Con esta extensión vas a poder tener tu código indentado correctamente. Si no sabes lo que quiero decir, con indentar me refiero a que cuando escribes código, hay unas jerarquías, unas secciones dentro de otras, que a su vez tienen dentro atributos… Para una mejor comprensión del HTML o del CSS, este código debe tener diferentes márgenes o sangrados. Lo bueno es que con la extensión de Beautify, la indentación se aplica automáticamente tanto en el HTML como el CSS.
Para terminar, si tienes que rellenar tu página con texto Lorem ipsum, usando Sublime Text tendrás que ir a un generador de Lorem y copiar/pegar. Pero en Brackets io basta con poner lorem, darle a tabulador y ya te inserta un párrafo de relleno.
Brackets vs. Otros Editores de Código
Brackets se distingue por su enfoque en el diseño web y la facilidad de uso. Aquí te mostramos una comparación con otros editores populares:
| Editor | Características Destacadas | Precio |
|---|---|---|
| Brackets | Edición rápida, vista previa en vivo, soporte de preprocesadores. | Gratuito |
| Visual Studio Code | Soporte para múltiples lenguajes, depuración integrada, control de versiones. | Gratuito |
| Sublime Text | Interfaz limpia, sistema de complementos extensible, edición en simultáneo. | Demo gratuita / Precio bajo solicitud |
Conclusión
Brackets no es solo un editor de texto; es una plataforma impulsada por la comunidad dedicada a avanzar en el desarrollo web. Con su diseño fácil de usar, características completas y soporte comunitario activo, Brackets es la opción ideal para desarrolladores web que buscan un entorno de desarrollo moderno, eficiente y colaborativo.
Es indispensable que los programadores utilicen herramientas que mejoren su interfaz y experiencia de usuario, de este modo, poder desarrollar programas más fácilmente. En general, es un editor de código muy completo y gratuito que podemos descargar fácilmente en nuestra PC. No consume mayor cantidad de memoria RAM ni batería.
Destacando sobre todo la edición rápida de etiquetas y la vista dinámica a tiempo real. Dos características que no tiene Sublime. Y además es un editor Open Source, es decir, una herramienta de código abierto y gratuito.¿Qué más se puede pedir?