Brackets es un editor de código fuente con un enfoque principal en el desarrollo web . [5] Creado por Adobe Inc. , es un software gratuito y de código abierto con licencia MIT License , y actualmente es mantenido en GitHub por desarrolladores de código abierto. Está escrito en JavaScript , HTML y CSS . Brackets es multiplataforma , disponible para macOS , Windows y la mayoría de las distribuciones de Linux . El objetivo principal de Brackets es su funcionalidad de edición en vivo de HTML , CSS y JavaScript . [6]
El 4 de noviembre de 2014, Adobe anunció la primera versión (1.0) de Brackets. La actualización introdujo nuevas funciones, como combinaciones de teclas de acceso directo personalizadas y sugerencias de JavaScript más precisas. Brackets se centra principalmente en el desarrollo en CSS y HTML habilitados para JavaScript . Con el lanzamiento de la versión 1.0, Adobe anunció una función que extrae información de diseño de un archivo PSD para facilitar la codificación en CSS. [7] A partir del 28 de junio de 2016, la función se suspendió oficialmente debido al bajo uso. [8] Sin embargo, Extract todavía está disponible a través de Photoshop y Dreamweaver, ambos parte de su servicio pago, Adobe Creative Cloud. [9] En marzo de 2021, Adobe anunció que finalizaría su soporte para Brackets el 1 de septiembre de 2021.
El proyecto Brackets se transfirió posteriormente para convertirse en un proyecto de propiedad y gestión comunitaria. La última versión de Brackets es la 2.2.1. [10]
Adobe comenzó a desarrollar un editor de texto para el desarrollo web en Edge Code , pero lo suspendió en noviembre de 2014. [11] Este esfuerzo se transformó más tarde en Adobe Brackets. Con el lanzamiento de Brackets 1.0, Adobe anunció que el desarrollo de una aplicación de código abierto para el desarrollo web estaba listo y que ya no era un proyecto experimental. Brackets contiene contribuciones de más de 282 colaboradores de la comunidad y tiene más de 400 solicitudes de corrección de errores y nuevas funciones. Cada versión de Brackets tuvo más de 100 000 descargas y fue el decimosexto proyecto más popular en GitHub al 16 de enero de 2015. [12]
El repositorio Brackets en GitHub (repositorio Bracket) actualmente tiene 152 ramas , 110 lanzamientos y 17,700 confirmaciones al 30 de agosto de 2018. El código fuente está disponible de forma gratuita bajo la licencia MIT . Un desarrollador puede alterar las características de Brackets y personalizarlo para su propia conveniencia bifurcando el código del software . [13]
Adobe abandonó oficialmente el soporte para Brackets el 1 de septiembre de 2021 y recomendó a los usuarios migrar a Visual Studio Code de Microsoft . [14] El lanzamiento oficial final fue la versión 1.14.2, pero una bifurcación de la comunidad continúa lanzando versiones más nuevas. [15] [16] Además de la bifurcación de continuación de la comunidad, los contribuyentes de la comunidad de Brackets anunciaron Phoenix el 30 de agosto de 2021. [17] Phoenix es una bifurcación de Brackets dirigida a navegadores web, en lugar de ser una aplicación nativa. [18]
Brackets ofrece varias funciones [19], entre ellas:
La edición rápida permite a los desarrolladores editar en línea elementos CSS, de propiedades de color y de JavaScript. Esta función integrada se puede aplicar a varias funciones o propiedades simultáneamente y todas las actualizaciones se aplican directamente al archivo asociado con los elementos modificados.
Cuando se hace clic en el fragmento de código correspondiente en CSS / HTML, el navegador web muestra inmediatamente el resultado relacionado con ese fragmento de código en el navegador web. Esta función se denomina Vista previa en vivo y también envía las ediciones del código instantáneamente al navegador para presentar una página web actualizada a medida que los desarrolladores modifican el código. Brackets contiene un backend Node.js que predice lo que hace el código a medida que el desarrollador lo escribe.
Dos escenarios para previsualizar en vivo
Esta función divide la vista principal en dos partes. Los usuarios pueden dividir la vista de forma vertical u horizontal según su propia conveniencia, lo que les permite trabajar en dos archivos al mismo tiempo. Un desarrollador puede trabajar simultáneamente en dos archivos diferentes de dos tipos diferentes, dos archivos del mismo tipo o incluso dos partes diferentes del mismo archivo al mismo tiempo. Funciones como Vista previa en vivo y Edición rápida funcionan en ambas vistas.
Brackets admite códigos de varios tipos de archivos, desde C++ , C , VBScript hasta Java , JavaScript , HTML , Python , Perl y Ruby . La lista completa incluye más de 38 tipos de archivos, lo que le da al usuario la flexibilidad de trabajar en varios archivos de un proyecto simultáneamente.
Brackets admite una función llamada "lente PSD" que ayuda a extraer sin problemas cada una de las imágenes, logotipos y estilos de diseño de un archivo PSD sin tener que abrir Photoshop para comprobarlos. Al llamar a esta función una vista previa, Adobe transmite que hay mucho trabajo por delante antes de que se pueda perfeccionar esta función. Esta función recibió críticas positivas de los desarrolladores, pero se informaron muchos problemas durante las etapas iniciales del lanzamiento de la función. El problema se resolvió más tarde utilizando una extensión.
Brackets integra Theseus, un depurador de código abierto de JavaScript que permite a los desarrolladores establecer puntos de interrupción, recorrer el código e inspeccionar el valor de las variables en tiempo real. [22] Theseus se puede utilizar para depurar cualquier extensión en Brackets y se instala fácilmente utilizando el administrador de extensiones integrado . Theseus también funciona junto con Live Preview a través de un servidor proxy que registra una función y sus valores asociados cada vez que se llama a la función.
Al estar creado con HTML , CSS y JavaScript , los desarrolladores pueden proporcionar funcionalidad adicional a Brackets mediante la creación de extensiones . [19] [23] Estas extensiones se pueden encontrar e instalar utilizando el administrador de extensiones integrado . Las extensiones también se pueden encontrar en línea a través del Registro de extensiones de Brackets .
.svg/1280px-Free_and_open-source_software_logo_(2009).svg.png){kind=logo}