Brackets 1.1 ¿qué hay de nuevo después de pasar el tiempo?

¿Se acuerdan de Brackets? En DesdeLinux le dedicamos varios artículos a este editor de texto open source impulsado por Adobe y su Comunidad, y que desde aquel entonces ha ido evolucionando poco a poco hasta llegar a la versión 1.1 con muchísimas mejoras y características.. En este artículo repasaremos algunas de ellas, pero antes, recordemos algunas de las opciones que hacen de Brackets algo diferente.

Edición en línea con Brackets

Una de las características más interesantes de Brackets es a lo que yo llamo “Edición en línea”, que consiste en editar las propiedades CSS de una etiqueta HTML ya existente, o crear una nueva, desde el propio fichero .html sin tener que abrir el fichero de la hoja de estilos.  Solo tenemos que poner el cursor sobre la etiqueta correspondiente y oprimir Ctrl + E.

Visualizar elementos, colores e imágenes en Brackets

Brackets nos permite visualizar las imágenes que enlazamos en nuestro código html o el color de una propiedad en el fichero .css como se ve en la imagen anterior. Además, tiene la opción de ver los cambios que vamos guardando en nuestro fichero html en Google Chrome de forma automática, sin recargar la página.

Estas fueron algunas de las características más interesantes de Brackets en aquel entonces, pero ahora llegan otras nuevas.

Vista dividida en Brackets

Ahora podemos trabajar de forma más cómoda con dos ficheros al mismo tiempo dividiendo la vista del editor tanto en forma vertical como horizontal. Incluye soporte para Temas por defecto y nos permite seleccionar la tipografía que usamos y el tamaño de la misma.

Extensiones, muchas extensiones en Brackets

Si hay algo en lo que ha mejorado muchísimo Brackets (gracias a la Comunidad) es en el listado de extensiones disponibles, muchas de ellas con excelente calidad.

Yo uso algunas muy interesantes como son:

  • Beautify: Para embellecer el código JS, CSS y HTML
  • Bootstrap 3 Skeleton: Para crear un html listo para Boostrap.
  • Brackets Compare: Una herramienta DIFF.
  • Task List: Para tener un listado de tareas a la mano
  • Brackets Git: Una de mis preferidas, me permite gestionar mi proyecto y su repositorio GIT. Les dejo una captura en la siguiente imagen.
  • Otras, muchas otras..

Brackets y Extract

Con la versión 1.1 de Brackets tenemos la opción de bajar una variante que incluye Extract, que básicamente incluye una nueva experiencia de instalación inicial y una característica que le permite colaborar con un diseñador (que use .PSD) y que utilice la nube de Adobe. Realmente no puedo decirles como funciona por razones obvias, pero parece ser una opción bastante interesante.

Conclusiones de Brackets

En resumen puedo decir que en el poco tiempo que lleva de desarrollo, Brackets está tomando para mi un importante lugar entre las alternativas que tenemos a la mano. No es perfecto, todavía le falta mucho camino por delante (y ojalá se ejecutara tan rápido como Sublime Text), pero gracias a las nuevas funcionalidades y extensiones que se van añadiendo, resulta ser una excelente opción para los Frontends.

Puede que se me queden más cositas por mencionar, pero lo mejor es que lo prueben y juzguen ustedes mismos. Brackets está disponible desde su sitio web con paquetes compilados para Debian/Ubuntu, o sus fuentes. Si eres usuario de ArchLinux lo puedes instalar directamente desde AUR.


23 comentarios

  1.   sergio dijo

    Uso brackets desde la versión 0.27 y ah crecido muchisimo todo este tiempo 🙂
    Es una roca!! Titan!

  2.   kik1n dijo

    Nadamas lo estoy esperando para Debian Testing 😀

  3.   Tanrax dijo

    Maravilloso artículo.
    ¿Es posible moverte con atajos vi/vim?

  4.   Rafael Mardojai dijo

    Actualmente el editor con el que desarrollo, desde que lo encontré es mi alternativa por defecto xD

  5.   cooper15 dijo

    Realmente es un editor impresionante, a mi me tiene cautivado desde que lo probé por primera vez. Lo recomiendo. Espero que dentro de poco le quite la hegemonía a SublimeText.

    1.    Tanrax dijo

      Yo espero que Sublime Text aprenda un par de cosas. Tiene ideas muy interesantes.

      1.    elav dijo

        Ambos tienen que aprender..

  6.   cuervo291286 dijo

    yo lo estado usando y en donde presionas las teclas “Ctrl+E” no me aparece nada,solo me dice que el fichero no existe que si quiero hacer uno.

  7.   Ariel dijo

    He intentado instalarlo en Antergos (yaourt -S brackets), pero lamentablemente nunca puedo terminar la instalación de manera correcta. Siempre obtengo el siguiente error:

    “Running “curl-dir:node-linux64” (curl-dir) task
    Files “downloads/node-v0.10.24-linux-x64.tar.gz” created.

    Running “node-clean” task

    Running “node-mac” task

    Running “create-project” task
    Building project files

    Done, without errors.
    CXX(target) out/Release/obj.target/libcef_dll_wrapper/libcef_dll/transfer_util.o
    make: g++: No se encontró el programa
    libcef_dll_wrapper.target.mk:212: fallo en las instrucciones para el objetivo ‘out/Release/obj.target/libcef_dll_wrapper/libcef_dll/transfer_util.o’
    make: *** [out/Release/obj.target/libcef_dll_wrapper/libcef_dll/transfer_util.o] Error 127
    ==> ERROR: Se produjo un fallo en build().
    Cancelando…
    ==> ERROR: Makepkg no ha podido compilar brackets.
    ==> ¿Reiniciar la compilación de brackets? [s/N]
    ==> ——————————————–
    ==> ”

    ¿Alguien sabe qué puede ser o cómo puedo arreglarlo para usar Brackets?

    1.    Tanrax dijo

      Si ves que no puedes, instala a partir de un deb.
      Suerte!

    2.    elav dijo

      Yo desde AUR siempre instalo brackets-bin

      1.    Ariel dijo

        Brackets-bin funcionó. ¡Gracias!

    3.    Alejandro dijo

      make: g++: No se encontró el programa

  8.   Gonzalo dijo

    He probado varios editores pero al final siempre acabo volviendo a Kate. La edición en línea del CSS, la previsualización de imágenes o colores son muy prácticas y sin duda ahorran tiempo, pero ¿crees que son motivos suficientes para pasarse de Kate, que al final acaba incorporando casi todas las funciones útiles que aparecen en otros editores, a Brackets? Sé que la mejor respuesta la obtendré al probarlo yo mismo, pero la verdad es que estoy un poco aburrido de probar tal o cuál programa para al final acabar volviendo a los que llevan años dándome buenos resultados.

    Saludos.

    1.    elav dijo

      El único problema que le veo a KATE es que no tiene autocompletado de código, etiquetas y demás 🙁

      1.    firefox-user-88 dijo

        Parece que autocompletado tiene: http://kate-editor.org/about-kate/

        1.    elav dijo

          Pues para HTML y CSS nunca lo he visto..

      2.    clow_eriol dijo

        El autocompletado ese no hace lo que pide elav. Tan solo te autocompleta si existe una palabra que empieza igual a lo largo del documento.

  9.   Martin dijo

    La primera opción en la que hago click ‘Vista previa dinámica’, solo esta disponible con Google Chrome…. –>Desinstalando….

    Acaso hay una manía con Google Chrome?? se les olvida que esto es Linux? Netflix, Whatsapp y ahora Brackets …

    1.    elav dijo

      Si, así es. Lo que pasa es que esta opción es útil solo si trabajas con .html, que para maquetar está bien, pero cuando creas un tema para Wordpress, al trabajar con ficheros .php ya no sirve para nada 😀

    2.    blonfu dijo

      En esta última versión hay soporte multinavegador para la vista en vivo pero por defecto está desactivada. En el archivo de preferencias pones esto “livedev.multibrowser”: true, yo lo uso con firefox y funciona.

      1.    Pepe dijo

        Hola, y cómo lo añades, porque yo añado ese código y cada vez que abro el programa me salta un error de que: el archivo de preferencias no tiene un formato JSON válido.

  10.   heckctor dijo

    Hola, cual es el theme que estas usando? esta genial 🙂

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*

*

  1. Responsable de los datos: Miguel Ángel Gatón
  2. Finalidad de los datos: Controlar el SPAM, gestión de comentarios.
  3. Legitimación: Tu consentimiento
  4. Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal.
  5. Almacenamiento de los datos: Base de datos alojada en Occentus Networks (UE)
  6. Derechos: En cualquier momento puedes limitar, recuperar y borrar tu información.