Un editor de texto moderno, potente y, sin embargo, liviano, Brackets fue creado para desarrolladores front-end y dise\u00f1adores web.<\/p>\n
Brackets ofrece herramientas visuales enfocadas y soporte de preprocesador, lo que facilita a los dise\u00f1adores y desarrolladores dise\u00f1ar en el navegador.<\/p>\n
El editor de texto de Brackets es sin duda uno de los editores de c\u00f3digo m\u00e1s populares disponibles que viene con numerosas extensiones de Brackets.<\/p>\n
Lo hemos usado nosotros mismos durante los \u00faltimos meses mientras trabaj\u00e1bamos en la actualizaci\u00f3n de wpDataTables<\/a><\/strong>, el complemento de WordPress de tablas y gr\u00e1ficos n.\u00ba 1.<\/p>\n Un editor HTML de c\u00f3digo abierto, Adobe Brackets es uno de los editores de texto m\u00e1s apreciados entre las filas de los desarrolladores frontend. No est\u00e1 tan bien promocionado como Atom, el nuevo editor de texto ligero desarrollado por GitHub, pero es un editor de texto y c\u00f3digo prometedor.<\/p>\n Optimizado para HTML, JavaScript y CSS, Brackets se puede usar en Windows, Mac OS y Linux. Puede descargar Brackets en brackets.io si est\u00e1 buscando un editor de HTML para Mac, Brackets para Windows, editor de HTML para Mac, Brackets de HTML o editor de HTML y CSS.<\/p>\n Brackets pone en pr\u00e1ctica la finalizaci\u00f3n del c\u00f3digo desde la perspectiva de los desarrolladores front-end y los dise\u00f1adores web. Varias otras funciones definen los corchetes, incluida la apertura r\u00e1pida, la b\u00fasqueda r\u00e1pida, la integraci\u00f3n de la l\u00ednea de comandos y la selecci\u00f3n de c\u00f3digos m\u00faltiples.<\/p>\n La mayor ventaja que viene con Brackets como editor de c\u00f3digo y texto es una gran cantidad de extensiones disponibles que agregan funcionalidad a las funciones integradas de Brackets. Las extensiones le permiten cambiar el tema de Visual Studio o incluso crear sus temas de Brackets.<\/p>\n Esta publicaci\u00f3n presenta muchas extensiones gratuitas de Brackets vinculadas a GitHub para garantizar la protecci\u00f3n contra errores o c\u00f3digos da\u00f1ados:<\/p>\n Como sugiere el nombre, Beautify es una de las mejores extensiones de Brackets dise\u00f1ada para hacer que los c\u00f3digos se vean bien. Beautify hace que los archivos sean m\u00e1s legibles y tambi\u00e9n te permite mejorar su aspecto con una tecla de m\u00e9todo abreviado: CMD-Shift-L (Mac) y Ctrl-Shift-L (Win).<\/p>\n Adem\u00e1s, puede formatear el c\u00f3digo JavaScript y hacerlo m\u00e1s legible usando Beautify.<\/p>\n Dise\u00f1ado como un posprocesador para manejar de manera eficiente los prefijos de los proveedores, Autoprefixer analiza los archivos CSS y luego adjunta los prefijos de los proveedores a las reglas de CSS. Una vez que Autoprefixer est\u00e9 integrado en su herramienta de creaci\u00f3n de activos, estar\u00e1 listo. Adem\u00e1s, borra los prefijos que est\u00e1n desactualizados.<\/p>\n Esta es una de las extensiones de Brackets que fue dise\u00f1ada para mejorar el flujo de trabajo de CSS y HTML. Le permite ingresar expresiones similares a CSS que luego se analizar\u00e1n y dar\u00e1n como resultado una salida de acuerdo con lo que literalmente ingres\u00f3 en la abreviatura.<\/p>\n Las abreviaturas producidas por Emmet aparecer\u00e1n como patrones CSS. Sin embargo, se analizan durante el tiempo de ejecuci\u00f3n y, en consecuencia, se transforman en un bloque estructurado con una pulsaci\u00f3n de tecla. Una vez que haya seleccionado las abreviaturas, puede acelerar el flujo de trabajo de CSS y HTML.<\/p>\n Minifier es una de las extensiones de Brackets que minimizan los archivos CSS y JavaScript usando una tecla de m\u00e9todo abreviado: CMD+M o Ctrl+M. Se guardan como nombre de archivo.min.ext. Es una extensi\u00f3n muy eficiente en el tiempo porque comprime archivos y minimiza JS relevante mientras trabaja.<\/p>\n Una extensi\u00f3n muy \u00fatil de Brackets, ToDo es una excelente soluci\u00f3n para mostrar, rastrear y marcar como completadas, u ordenar tareas pendientes en el proyecto o documento actual. Esta extensi\u00f3n de Brackets admite cinco etiquetas, incluidas ToDo, Note, Changes, FixMe y Future.<\/p>\n Una gran caracter\u00edstica de esta extensi\u00f3n es que te permite definir tus propias etiquetas, as\u00ed como personalizar los colores de las etiquetas. Puede usar su creatividad con esta extensi\u00f3n de Brackets.<\/p>\n Snippets fue dise\u00f1ado para usar accesos directos para escribir los c\u00f3digos m\u00e1s utilizados y crear una biblioteca de fragmentos de c\u00f3digo que le permitir\u00e1n escribir c\u00f3digo CSS, JS, HTML ingresando solo unas pocas letras en un fragmento de c\u00f3digo. No tendr\u00e1 que escribir el mismo c\u00f3digo y etiquetas repetidamente.<\/p>\n Es importante que copie la cantidad correcta de palabras en una secci\u00f3n de dise\u00f1o, lo que puede ser una actividad que les haga perder mucho tiempo a los dise\u00f1adores. Lorem Ipsum, como sugiere su nombre, se encargar\u00e1 de esta tarea por usted y completar\u00e1 las secciones de dise\u00f1o con la cantidad de palabras especificada.<\/p>\n Un comando como lorem_wrap200. y 200 palabras aparecer\u00e1n m\u00e1gicamente donde sea necesario.<\/p>\n Si bien Lorem Ipsum es una de las extensiones de Brackets que completan las secciones de dise\u00f1o con texto ficticio<\/a>, Lorem Pixel genera im\u00e1genes de marcador de posici\u00f3n para varias secciones de dise\u00f1o.<\/p>\n Esta extensi\u00f3n es f\u00e1cil de usar y le permite personalizar el tama\u00f1o de su imagen de marcador de posici\u00f3n con un editor visual. Tambi\u00e9n le permite emplear direcciones URL personalizadas para incorporar im\u00e1genes ficticias.<\/p>\n \u00bfRecuerdas las etiquetas de marcado? A nadie le gusta escribir esas etiquetas, pero son obligatorias para cada documento nuevo, ya sea que use PHP, HTML o JavaScript. Any Template es una de las extensiones de Brackets dedicada a la creaci\u00f3n de plantillas con marcado preescrito.<\/p>\n Posteriormente, puede comenzar con un nuevo documento de inmediato sin tener que escribir esas etiquetas de marcado obligatorias. Seleccione una plantilla HTML junto con las etiquetas HTML predeterminadas si desea crear un nuevo documento HTML. Lo mismo se aplica a PHP o JavaScript.<\/p>\n Brackets Icons es una extensi\u00f3n que se cre\u00f3 para ayudar a los desarrolladores y dise\u00f1adores a incorporar iconos de archivos en la barra lateral de Brackets. Como sabe, un elemento visual, como un icono, facilita la identificaci\u00f3n de archivos que ning\u00fan indicador o un indicador de texto.<\/p>\n Una extensi\u00f3n \u00fatil de Brackets, CSSLint fue dise\u00f1ada para identificar y se\u00f1alar problemas relacionados con la calidad del c\u00f3digo, as\u00ed como errores de CSS. La extensi\u00f3n informa errores\/problemas usando las reglas CSS Lint.<\/p>\n No es ciencia espacial instalar ninguna de las extensiones de Brackets disponibles:<\/p>\n De manera similar, puede instalar temas. \u00a1Es bastante simple!<\/p>\n No hay otro editor de c\u00f3digo<\/a> para desarrolladores front-end y dise\u00f1adores web que sea m\u00e1s vers\u00e1til que Brackets. Es el mejor editor en su categor\u00eda y viene repleto de un conjunto de caracter\u00edsticas incre\u00edbles que puede mejorar con la funcionalidad adicional de las extensiones.<\/p>\n Si disfrut\u00f3 leyendo este art\u00edculo sobre las extensiones de Brackets, debe consultar este sobre el salario de desarrollador de WordPress<\/a>.<\/p>\n Tambi\u00e9n escribimos sobre algunos temas relacionados, como las bibliotecas de JavaScript<\/a>, la capacitaci\u00f3n de WordPress<\/a>, la conversi\u00f3n de HTML a WordPress<\/a> y el mejor editor de c\u00f3digo<\/a>.<\/p>\n\u00bfQu\u00e9 es Brackets de Brackets IO?<\/strong><\/h3>\n
![\"Extensiones](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c79ae98b7.jpg\")
<\/a><\/p>\nCaracter\u00edsticas clave de Brackets, un editor HTML CSS ligero<\/strong><\/h3>\n
![\"Extensiones](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c79bebfe4.jpg\")
<\/a><\/p>\n\n
Extensiones de corchetes gratis<\/strong><\/h3>\n
\n
Embellecer<\/a><\/h3>\n<\/li>\n<\/ul>\n
![\"Extensiones](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c79cec5a2.jpg\")
<\/a><\/p>\n\n
Prefijo autom\u00e1tico<\/a><\/h3>\n<\/li>\n<\/ul>\n
![\"Extensiones](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c79de8da0.jpg\")
<\/a><\/p>\n\n
Hormiga<\/a><\/h3>\n<\/li>\n<\/ul>\n
![\"Extensiones](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c79f09a12.jpg\")
<\/a><\/p>\n\n
minificador<\/a><\/h3>\n<\/li>\n<\/ul>\n
![\"Extensiones](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c7a00dd88.jpg\")
<\/a><\/p>\n\n
Todos<\/a><\/h3>\n<\/li>\n<\/ul>\n
![\"Extensiones](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c7a104719.jpg\")
<\/a><\/p>\n\n
fragmentos<\/a><\/h3>\n<\/li>\n<\/ul>\n
![\"Extensiones](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c7a1e78e2.jpg\")
<\/a><\/p>\n\n
lorem ipsum<\/a><\/h3>\n<\/li>\n<\/ul>\n
![\"Extensiones](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c7a30d88a.jpg\")
<\/a><\/p>\n\n
Bienvenido al p\u00edxel<\/a><\/h3>\n<\/li>\n<\/ul>\n
![\"Extensiones](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c7a41d37e.png\")
<\/a><\/p>\n\n
Cualquier plantilla<\/a><\/h3>\n<\/li>\n<\/ul>\n
![\"Extensiones](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c7a500a4d.jpg\")
<\/a><\/p>\n\n
Iconos de corchetes<\/a><\/h3>\n<\/li>\n<\/ul>\n
![\"Extensiones](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c7a5f0256.jpg\")
<\/a><\/p>\n\n
CSSLint<\/a><\/h3>\n<\/li>\n<\/ul>\n
![\"Extensiones](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c7a718cae.jpg\")
<\/a><\/p>\nInstalaci\u00f3n de extensiones de soportes<\/strong><\/h3>\n
![\"Extensiones](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-203991-61e8c7a8395f1.jpg\")
<\/a><\/p>\n\n
Pensamientos finales sobre c\u00f3mo encontrar las mejores extensiones de brackets<\/strong><\/h3>\n