Brackets, un IDE para desarrollo web que promete

Nadando por Google Plus me encontré con esta aplicación llamada Brackets, el cual lo describen en la pagina oficial como un editor OpenSource (licencia MIT) para el diseño web y desarrollo de tecnologías web como HTML, CSS y JavaScript.

El proyecto fue creado y es mantenido por nuestro querido amigo Adobe. Actualmente se encuentra en versión experimental. Entre las características que destacan a Brackets entre otros editores como Sublime Text o BlueFish por citar ejemplos están:

Edición rápida de CSS y JavaScript

Al editar el documento HTML podemos utilizar el atajo CTRL + E para acceder al CSS de la propiedad que estamos editando en ese momento y modificarla a nuestro antojo.

quick-edit

Visualización en vivo de los cambios en archivos CSS en nuestro navegador

Esta característica es la mas destacable y la que mas me gustó. Podemos ver los cambios que efectuamos en el CSS de manera automática en el navegador mientras la editamos, nada de actualizarlo a cada momento para ello 😀 .

Por el momento solo soporta Chrome y Chromium. Les dejo un vídeo del canal oficial en ingles con mas info y que muestra la característica de la visualización en vivo (min 2:18 ) :

Instalando Brackets en Ubuntu 13.04 y derivados

Se puede descargar el .deb desde aquí , para instalarlo podemos usar GDebi , QAPT o en terminal.

Para 32 bits:

dpkg -i brackets-sprint-28-LINUX32.deb

Para 64 bits:

dpkg -i brackets-sprint-28-LINUX64.deb

Cuando lo instalé lo primero que me ocurrió fue que no se ejecutaba, aparecía este error al ejecutarlo por terminal:

libudev.so.0: cannot open shared object file: No such file or directory

busqué en Google y se resuelve tipeando en la terminal:

sudo ln -sf /lib/i386-linux-gnu/libudev.so.1 /lib/i386-linux-gnu/libudev.so.0

y asunto resuelto 😀 .

El segundo «error» es que Brackets no me abría Chromium para la visualización del archivo HTML (con Google Chrome no debería dar este error) , en la pagina oficial en la sección de preguntas frecuentes encontré la manera de arreglar esto un comando muy parecido (creando un enlace simbólico ) :

sudo ln -s /usr/bin/chromium-browser /usr/bin/google-chrome

Ahora si todo tendría que estar funcionando al 100% . Saludos !!.


Deja tu 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.

  1.   elav dijo

    Que interesante. Ahora mismo lo estoy bajando.

    El hecho de que use Chrome/Chromium, y que además se actualice automáticamente mientras editamos el CSS, me hace pensar en Stylus, que además funciona con Node.js, que usa V8 el motor JavaScript de Chrome.

    Sin duda una excelente herramienta. Ya les contaré cuando la pruebe.

    1.    nano dijo

      Déjame hacer a mi la review, que tengo varios proyectos andando y puedo probarlo en distintas circunstancias …

    2.    frk7z dijo

      pues elav, se puede hacer lo mismo con Sublime usando el plugin LiveReload, también emmet junto a Stylus, Jade y coffee, dejando una consola para que se auto compile cada vez que guardas un fichero .styl o .jade Eso estoy haciendo yo, ah y con el módulo «nib» de stylus se maqueta mucho mejor.

      Es más, échale un ojo a LiveStyle de emmet(livestyle.emmet.io) claro, si no lo has visto ya, quizás te guste. saludos

  2.   Fernando dijo

    Tambien existe Bluegriffon, editor web libre para Linux y windows, soporta todo eso y mas

    1.    elav dijo

      ¿En serio Bluegriffon tiene todas esas características? Recuerdo que una vez lo probé me se me trabó el paraguas cuando tenía que pagar por un complemento o algo así.

  3.   Alberto dijo

    Mejor usar Bluefish… se puede programar para casi cualquier lenguaje, todo en uno integración total…

    Bluefish es un software editor HTML multiplataforma POSIX y con licencia GPL, lo que lo convierte en software libre.

    Bluefish está dirigido a diseñadores web experimentados y programadores y se enfoca en la edición de páginas dinámicas e interactivas. Es capaz de reconocer diversos lenguajes de programación y de marcas.

    Bluefish corre en muchos de los sistemas operativos compatibles con POSIX (Portable Operating System Interface) tales Linux, FreeBSD, MacOS-X, OpenBSD, Solaris y Tru64.

    Emplea principalmente las bibliotecas GTK y C posix. La última versión que trabajó con GTK 1.0 ó 1.2 es la 0.7. La versión actual requiere como mínimo GTK versión 2.0 (o superior), libpcre 3.0 (o superior), libaspell 0.50 o superior (opcional) para corrección de ortografía y gnome-vfs (opcional) para archivos remotos.

    Es importante anotar que el programa no es oficialmente parte del proyecto Gnome, pero es utilizado a menudo en dicho entorno.

    Los usuarios también pueden acceder a los recursos en línea, tales como servidores FTP o directorios WebDAV, de forma transparente, a través de Gnome VFS, una capa de abstracción al sistema de archivos.

    El nombre y logo de Bluefish (pez azul) fue propuesto por Neil Millar, quien lo sugirió al equipo de trabajo e inmediatamente los cautivó. Bluefish es un animal (pez) que se desplaza en cardúmenes numerosos y cerca de la costa. Es evidente que su nombre llama a la integración y a la compartición, ideales en el software libre.

    Bluefish cuenta con características tales como rapidez, posibilidad de abrir múltiples archivos simultáneamente, soporte multiproyecto, soporte para archivos remotos mediante gnome-vfs, marcado de sintaxis personalizable basado en expresiones regulares compatibles con Perl, soporte para sub-patrones y patrones predefinidos (para HTML, PHP, Javascript, JSP, SQL, XML, Python, Perl, CSS, ColdFusion, Pascal, R, Octave/Matlab), diálogos para etiquetas HTML, asistentes para creación fácil de documentos, creación de tablas, marcos (frames), soporte para múltiples codificaciones, trabajo con diferentes juegos de caracteres, numeración de líneas, menús desplegables, barras de herramientas configurables, diálogo para insertar imágenes, buscador de referencia de funciones, Integración personalizable con varios programas (make, javac, etc), resaltado de sintaxis (C, Java, JavaScript, Python, Perl, ColdFusion, Pascal, R y Octave), traducciones completas a aproximadamente veintidós idiomas entre ellos: portugués brasileño, búlgaro, chino, danés, finés, francés, alemán, húngaro, italiano, noruego, polaco, portugués, español, sueco, japonés, y tamil.

    Wikipedia…

    1.    elav dijo

      Yo he probado BlueFish. Es cierto que es muy bueno, pero no sé, le falta algo. De momento ahora mismo lo estoy probando en Arch y con KDE el scroll no me funciona, tengo que agarrar el botón de desplazamiento de la barra para poder bajar. Ha mejorado mucho en el autocompletado de código, pero como dije inicialmente, le falta algo.

      1.    eliotime3000 dijo

        Como por ejemplo, un visualizador de páginas web.

    2.    nano dijo

      Es lindo, sí, pero la verdad es que yo me quedo en editores con comunidad por detrás, Bluefish puede que tenga a sus desarrolladores y todo el cuento, pero lo que me hace usar Sublime, por ejemplo, es el simple hecho de que tiene una tremenda cantidad de plugins y recursos disponibles, es una bala y sus herramientas por defecto te dejan atónito.

      ¿Cambiaría sublime? Oh si, solo por VIM xD

      1.    Raurodse dijo

        Pero sublime esta para Linux?

        1.    elav dijo

          Así es.

  4.   Anibal dijo

    estoy desde kubuntu 13.04, me da el error de libudev, hice el symlink y sigue igual 🙁

    Para solucionarlo (por lo menos la mia es 64bits) esta es la linea correcta:

    sudo ln -sf /lib/x86_64-linux-gnu/libudev.so.1 /lib/x86_64-linux-gnu/libudev.so.0

    1.    Guillermo Limones Pozos dijo

      Excelente observación, gracias 😀

  5.   equiman dijo

    No se, no me convence mucho… pero igual lo desconozco.

    La idea de ser libre de este programa por parte de Adobe es libre y abierto a futuro forever… o como las otrastécnicass de Adobe de ponerlo libre para que lo testeamos gratis y cuando ya lo quieren sacar a nivel profesional abandonan la parte libre?

  6.   nano dijo

    Respecto a Brackets, les dejo una comparación interesantísima con Sublime, hecha por una desarrolladora front end muy hábida.

    En fin, vale la pena la lectura: Brackets vs Sublime Text

    Enjoy 😉

  7.   gabriel dijo

    si alguien sabe de c++ que ayude porque gracias a la comunidad esta para linux.

  8.   elav dijo

    En Debian Wheezy no se puede ejecutar, porque necesita una versión de GLIBC superior a la que tiene.

  9.   Juanra dijo

    Ooh, ya hay versión para Linux hace tiempo(unos meses atras) que me di cuenta de la existencia de este IDE no había versión para Linux y me quede con las ganas de usarlo pero ahora que hay versión para Linux, y según elav, no se ejecuta en Wheezy y es la distro que tengo 🙁 jajaj que suerte pero ni modo algún día lo probare ya que si tiene buenas caracteristicas

  10.   Bruno Cascio dijo

    Llevo 3 años en el desarrollo web y mis experiencias son:

    1º Sublime text
    2º NetBeans
    3º Eclipse

    Las demás son puras m…..

    Generalmente uso Sublime, ya que tiene una enorme cantidad de plugins (uno de ellos TWIG que lo uso bastante). Si lo que buscan es autocompletado, no hay como Eclipse o netbeans.

    Saludos!

  11.   xrz-30 dijo

    En mi caso el error fue:
    usr/lib/brackets/Brackets: error while loading shared libraries: libudev.so.0: cannot open shared object file: No such file or directory

    Y lo solucione escogiendo el directorio correspondiente a mi arquitectura(También lo comenta Anibal) para los que instalen la versión de 64 bits deben escoger el directorio x86_64-linux-gnu en lugar de i386-linux-gnu, quedando de la siguiente manera:

    Para 32 bits:
    sudo ln -sf /lib/i386-linux-gnu/libudev.so.1 /lib/i386-linux-gnu/libudev.so.0

    Para 64 bits:
    sudo ln -sf /lib/x86_64-linux-gnu/libudev.so.1 /lib/x86_64-linux-gnu/libudev.so.0

    Lo único que se hace es crear un enlace simbólico de libudev.so.1 en el mismo directorio con el nombre de libudev.so.0

  12.   xrz-30 dijo

    No sabia que ya salio una versión para Linux, hace unos meses lo probé con wine, pero no fue una grata experiencia. Abra que darle las gracias a la comunidad que brindo su apoyo para crear la versión para nuestro amado tux

    Como comentas, no se puede ejecutar en mi caso el mensaje de error fue:
    usr/lib/brackets/Brackets: error while loading shared libraries: libudev.so.0: cannot open shared object file: No such file or directory

    Y lo solucione escogiendo el directorio correspondiente a mi arquitectura(También lo comenta Anibal) para los que instalen la versión de 64 bits deben escoger el directorio x86_64-linux-gnu en lugar de i386-linux-gnu, quedando de la siguiente manera:

    Para 32 bits:
    sudo ln -sf /lib/i386-linux-gnu/libudev.so.1 /lib/i386-linux-gnu/libudev.so.0

    Para 64 bits:
    sudo ln -sf /lib/x86_64-linux-gnu/libudev.so.1 /lib/x86_64-linux-gnu/libudev.so.0

    Lo único que se hace es crear un enlace simbólico de libudev.so.1 en el mismo directorio con el nombre de libudev.so.0

  13.   Raúl dijo

    Tengo un problemilla con Brackets. Dice que debo habilitar la depuración remota en Chrome y seguido de la pregunta «¿Quieres reiniciar Chrome y habilitar la depuración remota?» y un botón de [Reiniciar Chrome]. Pero le doy y no hace nada de nada, ni reinicia, ni habilita.

    1.    Raúl dijo

      Se me olvidaba, tengo Ubuntu 13.04 64bits. y la versión de Brackets es la 29

      1.    Irvandoval dijo

        Cierra Chrome y que brackets lo ejecute 🙂 , por lo menos a mi así si me sirvió
        saludos!!

        1.    Raúl dijo

          Sí ya lo he hecho así pero nada. :S

  14.   Hector dijo

    Hola, gracias por tus consejo. Yo tengo el mismo problema pero esa corrección que tu dices no me funciona en Debian Wheezy, podrías ayudarme con eso, gracias

  15.   vidagnu dijo

    Excelente IDE, para los usuarios de Slackware les dejo el procedimiento para instalarlo:

    http://vidagnu.blogspot.com/2014/02/como-instalar-brackets-en-slacwkare.html

  16.   sergio antonio trujillo dijo

    Gracias por el aporte lo instale en manjaro y no me corría en el navegador, pero gracias al enlace simbólico lo pude arreglar.

  17.   metalheadb93 dijo

    no funciona tu solución
    el programa sigue sin iniciar

  18.   Carlos dijo

    Hola! No puedo instalar brackets en Huayra Linux, como hago? se puede?

  19.   canorioss dijo

    lo descargue de la pagina oficial y lo instale con las instrucciones que en este sitio nos dan, me apareció el error y no me funciono la solución que aquí mismo nos dan.

    La forma en que pude instalarlo y usarlo de manera correcta y sin problemas fue agregando el repositorio por consola e instalándolo por la misma.

    sudo add-apt-repository ppa:webupd8team/brackets
    sudo apt-get update
    sudo apt-get install brackets

    Tengo Kubuntu 15.04 con plasma KDE 5 😉