Corchetes (editor de texto)

Brackets es un editor de código fuente enfocado principalmente en el desarrollo web . ^{[ 5 ]} Creado por Adobe Inc. , es software libre y de código abierto con licencia MIT y actualmente mantenido en GitHub por desarrolladores de código abierto. Está escrito en JavaScript , HTML y CSS . Brackets es multiplataforma y está disponible para macOS , Windows y la mayoría de las distribuciones de Linux . El propósito principal de Brackets es su funcionalidad de edición en tiempo real 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 características como combinaciones de teclas de acceso directo personalizadas y sugerencias de JavaScript más precisas. Brackets se centra principalmente en el desarrollo en JavaScript habilitado, CSS y HTML . 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 descontinuó oficialmente, debido a su bajo uso. ^{[ 8 ]} Sin embargo, Extract todavía está disponible a través de Photoshop y Dreamweaver, ambos parte de su servicio de pago, Adobe Creative Cloud. ^{[ 9 ]} En marzo de 2021, Adobe anunció que dejaría de dar soporte a Brackets el 1 de septiembre de 2021.

Posteriormente, el proyecto Brackets se transfirió para convertirse en un proyecto propiedad de la comunidad y gestionado por ella. La última versión de Brackets es la 2.2.1. ^{[ 10 ]}

Adobe comenzó el desarrollo de un editor de texto para desarrollo web en Edge Code , que se descontinuó en noviembre de 2014. ^{[ 11 ]} Este esfuerzo se transformó posteriormente en Adobe Brackets. Con el lanzamiento de Brackets 1.0, Adobe anunció que el desarrollo de una aplicación de código abierto para desarrollo web estaba listo y ya no era un proyecto experimental. Brackets cuenta con 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 era el decimosexto proyecto más popular en GitHub al 16 de enero de 2015. ^{[ 12 ]}

El repositorio Brackets en GitHub ( repositorio Bracket ) cuenta actualmente con 152 ramas , 110 versiones y 17 700 confirmaciones ( a fecha de 30 de agosto de 2018). El código fuente está disponible gratuitamente bajo la licencia MIT . Un desarrollador puede modificar las características de Brackets y personalizarlo según sus necesidades bifurcando el código fuente . ^{[ 13 ]}

Adobe dejó de dar soporte oficialmente a Brackets el 1 de septiembre de 2021 y recomendó a los usuarios migrar a Visual Studio Code de Microsoft . ^{[ 14 ]} La última versión oficial fue la 1.14.2, pero una bifurcación de la comunidad sigue publicando versiones más recientes. ^{[ 15 ] [ 16 ]} Además de la bifurcación de continuación de la comunidad, los colaboradores de la comunidad de Brackets anunciaron Phoenix Code el 30 de agosto de 2021. ^{[ 17 ] [ 18 ]}

Brackets ofrece varias características ^{[ 19 ]} , entre ellas:

• Edición rápida
• Documentos rápidos
• Vista previa en vivo
• JSLint
• MENOS apoyo ^{[ 20 ]}
• Código abierto ^{[ 21 ]}
• Extensibilidad
• CodeMirror
• RequireJS (módulos)

La edición rápida permite a los desarrolladores editar directamente elementos CSS, propiedades de color y 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.

Al hacer clic en el fragmento de código CSS / HTML correspondiente, el navegador web muestra inmediatamente el resultado. Esta función, denominada Vista previa en vivo, actualiza instantáneamente la página web a medida que los desarrolladores realizan los cambios. Brackets incluye un backend de Node.js que predice el comportamiento del código mientras el desarrollador lo escribe.

Dos escenarios para previsualización en vivo

Esta función divide la vista principal en dos partes. Los usuarios pueden dividirla vertical u horizontalmente según su conveniencia, lo que les permite trabajar con dos archivos simultáneamente. Un desarrollador puede trabajar al mismo tiempo con dos archivos de tipos diferentes, dos archivos del mismo tipo o incluso dos partes distintas del mismo archivo. Funciones como la vista previa en vivo y la edición rápida funcionan en ambas vistas.

Brackets admite código de múltiples tipos de archivo, desde C++ , C y VBScript hasta Java , JavaScript , HTML , Python , Perl y Ruby . La lista completa incluye más de 38 tipos de archivo. Esto le brinda al usuario la flexibilidad de trabajar simultáneamente en varios archivos de un proyecto.

Brackets incluye una función llamada "Lente PSD" que permite extraer fácilmente imágenes, logotipos y estilos de diseño de archivos PSD sin necesidad de abrir Photoshop . Al denominar esta función como una vista previa, Adobe indica que aún queda mucho trabajo por hacer antes de que pueda perfeccionarse. Si bien recibió críticas positivas de los desarrolladores, se reportaron varios problemas durante su lanzamiento inicial. Posteriormente, el problema se solucionó mediante una extensión.

Brackets integra Theseus, un depurador de JavaScript de código abierto que permite a los desarrolladores establecer puntos de interrupción, ejecutar el código paso a paso e inspeccionar el valor de las variables en tiempo real. ^{[ 22 ]} Theseus se puede usar para depurar cualquier extensión en Brackets y se instala fácilmente mediante el gestor 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 desarrollado con HTML , CSS y JavaScript , los desarrolladores pueden añadir funcionalidades a Brackets mediante la creación de extensiones . ^{[ 19 ] [ 23 ]} Estas extensiones se pueden encontrar e instalar utilizando el gestor de extensiones integrado . También se pueden encontrar en línea a través del Registro de extensiones de Brackets .

• Marco de trabajo integrado de cromo (CEF)
• Lista de editores de texto
• Comparación de editores de texto §  Funcionalidades de programación
• Comparación de editores HTML
• Átomo

• Sitio web oficial