Hablemos de [Brackets] el editor open-source de Adobe.
Buenas,
Hace algunos años, Adobe se puso a hacer un editor open-source, llamado Brackets. Curiosamente no ha llegado a ser muy popular en el mundo de los editores aunque si es bastante "popular" en GitHub.
Tal y como se muestra en su vídeo de presentación, [Brackets] destaca con 2 ideas "innovadoras".
CSS Quick Edit. (Ctrl + E)
CSS Quick Edit te permite editar el css de un elemento (por tag, class o id) directamente sin que haga falta tocar el propio archivo .css. Es decir, puedes hacer fixes, añadir, eliminar o modificar reglas existentes sin salirte del código HTML que estas programado. Menos distracción =)
Live Preview
Algo realmente impresionante. Todos sabemos que herramientas como el Developer Tools o Firebug nos hacen la vida mas fácil. Nos permiten editar el HTML/CSS directamente y con resultado inmediato. El problema de ello es que quizás no es tan fácil guardar esos cambios que hacemos... hasta ahora. Con Brackets podemos editar un HTML y visualizarlo en tiempo real. Todo lo que modifiquemos se actualizara en tiempo real, cualquier elemento que seleccionemos se mostrara en el navegador.
Hasta aquí todo bien parece innovador pero hablemos de las funciones mas "normales" que tiene.
Sistema de extensiones
Brackets tiene un sistema de extensiones integrado. Cualquier puede hacer una extensión e instalarla sin muchas dificultades. Aunque su "repositorio" puede no ser tan extenso como el de Sublime Text (por decir algo) es bastante grande y tiene algunas extensiones famosas como Emmet.
Diseño "minimalista" al estilo de Sublime Text
En cierta parte se parece a Sublime Text... aunque no es una copia tan descarada como Atom. Es agradable el diseño minimalista que tiene evitando muchas distracciones y malgasto de espacio.
Sistema de ayuda "chuli"
Tiene un sistema de ayuda bastante particular. Pulsando la combinación Ctrl + K sobre un elemento CSS por ejemplo, nos mostrara su descripción su uso y otras propiedades que pueden acompañarlo ademas de un link con mas detalles. Bastante chulo la verdad.
Multi cursor/selección
Al igual que Sublime Text, tiene multi cursores/selección (Ctrl + click) aunque no parece tan completo como el de este ultimo.
Hay que entender que editores como Brackets están en constante desarrollo y no acaban de sacar (por ahora) una versión "estable" nunca.. aun asi me gustaria destacar un par de cosas...
No tiene version RPM..
Tiene instaladores para Windows, Mac y para sistemas basados en Debian pero no para los basados en RPM.. los usuarios que lo quieran en estas, tendrán que compilar a mano.
Live Preview solo para Chrome/Chromium
Es entendible al estar basado en el Developer Tools de Chrome pero.. no, el live preview no funciona ni con IE ni con Firefox.
Solo UTF-8
Quizá no tan grave, pero no tiene soporte para archivos ASCII.. solo UTF-8.
Esquemas de color
Aunque es personalizable colo color-schemes es un poco lioso cambiar entre ellos. Tal y como se indica en uno de los color-schemes, hay que editar un archivo de configuración no accesible desde ningún menú y nada intuitivo..
https://github.com/adobe/brackets/
Es probable que algunos sepan que yo utilizo !#, es una distro basada en la versión stable de Debian (wheezy). Bien, esta, trae una versión de libc6 algo vieja y Brackets aunque se llega a instalar bien, no se puede abrir. La razón exacta se puede ver intentado abrir brackets desde la terminal. Para solucionarlo, hay que añadir el repo de debian testing e instalar libc6 y libc6-dev.
El repo es:
Después hacen apt-get update e instalan libc6 y libc6-dev desde testing.
Sin mas, esto es todo.
Saludos
Hace algunos años, Adobe se puso a hacer un editor open-source, llamado Brackets. Curiosamente no ha llegado a ser muy popular en el mundo de los editores aunque si es bastante "popular" en GitHub.
¿Qué es Brackets?
En fin, se trata de un editor, basado en el Developer Tools de Chrome. Hecho en con amor y... css, html y javascript =). Esta orientado principalmente a los front-end developers ya que se enfoca especialmente sobre los lenguajes comunes para estos (css,html,javascript).Tal y como se muestra en su vídeo de presentación, [Brackets] destaca con 2 ideas "innovadoras".
¿Qué tiene Brackets de especial?
CSS Quick Edit. (Ctrl + E)
CSS Quick Edit te permite editar el css de un elemento (por tag, class o id) directamente sin que haga falta tocar el propio archivo .css. Es decir, puedes hacer fixes, añadir, eliminar o modificar reglas existentes sin salirte del código HTML que estas programado. Menos distracción =)
Live Preview
Algo realmente impresionante. Todos sabemos que herramientas como el Developer Tools o Firebug nos hacen la vida mas fácil. Nos permiten editar el HTML/CSS directamente y con resultado inmediato. El problema de ello es que quizás no es tan fácil guardar esos cambios que hacemos... hasta ahora. Con Brackets podemos editar un HTML y visualizarlo en tiempo real. Todo lo que modifiquemos se actualizara en tiempo real, cualquier elemento que seleccionemos se mostrara en el navegador.
Hasta aquí todo bien parece innovador pero hablemos de las funciones mas "normales" que tiene.
Sistema de extensiones
Brackets tiene un sistema de extensiones integrado. Cualquier puede hacer una extensión e instalarla sin muchas dificultades. Aunque su "repositorio" puede no ser tan extenso como el de Sublime Text (por decir algo) es bastante grande y tiene algunas extensiones famosas como Emmet.
Diseño "minimalista" al estilo de Sublime Text
En cierta parte se parece a Sublime Text... aunque no es una copia tan descarada como Atom. Es agradable el diseño minimalista que tiene evitando muchas distracciones y malgasto de espacio.
Sistema de ayuda "chuli"
Tiene un sistema de ayuda bastante particular. Pulsando la combinación Ctrl + K sobre un elemento CSS por ejemplo, nos mostrara su descripción su uso y otras propiedades que pueden acompañarlo ademas de un link con mas detalles. Bastante chulo la verdad.
Multi cursor/selección
Al igual que Sublime Text, tiene multi cursores/selección (Ctrl + click) aunque no parece tan completo como el de este ultimo.
Fallos ?
Hay que entender que editores como Brackets están en constante desarrollo y no acaban de sacar (por ahora) una versión "estable" nunca.. aun asi me gustaria destacar un par de cosas...
No tiene version RPM..
Tiene instaladores para Windows, Mac y para sistemas basados en Debian pero no para los basados en RPM.. los usuarios que lo quieran en estas, tendrán que compilar a mano.
Live Preview solo para Chrome/Chromium
Es entendible al estar basado en el Developer Tools de Chrome pero.. no, el live preview no funciona ni con IE ni con Firefox.
Solo UTF-8
Quizá no tan grave, pero no tiene soporte para archivos ASCII.. solo UTF-8.
Esquemas de color
Aunque es personalizable colo color-schemes es un poco lioso cambiar entre ellos. Tal y como se indica en uno de los color-schemes, hay que editar un archivo de configuración no accesible desde ningún menú y nada intuitivo..
La idea detrás de Brackets
Supongo que por ultimo hay que de mencionar la idea principal.. Desarrollo por la comunidad. La idea que tiene Adobe sobre este editor es que sea desarrollado por la comunidad, si tienes conocimiento de HTML, CSS y JS puedes participar en github.https://github.com/adobe/brackets/
Instalar en Debian wheezy
Es probable que algunos sepan que yo utilizo !#, es una distro basada en la versión stable de Debian (wheezy). Bien, esta, trae una versión de libc6 algo vieja y Brackets aunque se llega a instalar bien, no se puede abrir. La razón exacta se puede ver intentado abrir brackets desde la terminal. Para solucionarlo, hay que añadir el repo de debian testing e instalar libc6 y libc6-dev.
El repo es:
deb http://ftp.us.debian.org/debian/ testing main contrib non-free
Después hacen apt-get update e instalan libc6 y libc6-dev desde testing.
sudo apt-get install libc6 libc6-dev -t testing
Sin mas, esto es todo.
Saludos
Comentarios
Publicar un comentario