Proyectos Web

Instalar y configurar el editor de código: Brackets (2018)

10 de Septiembre del 2018

Entre tantas herramientas de trabajo en el mundo de desarrollo web encontramos un muy buen software que es brackets. El cual a lo largo del tiempo ha mejorado muchísimo. ayudándonos a diseñar sitios web de manera efectiva y rápida, desarrollado principalmente por la empresa Adobe Systems. Si deseas descargarlo puedes entrar a su sitio web oficial: http://brackets.io/

Una desventaja es que muchos plugins no vienen instalados, por lo tanto debemos instalarlos desde el gestor de extensiones. A continuación te dejamos los plugins básicos que deberías instalar:

  • Pestañas trabajando comodamente.- Permite trabajar con pestañas en vez del área de trabajo por defecto que viene en el programa..
  • Indent Guides.- Si deseamos agregar las líneas del tab.
  • Overscroll.- Permite desplazarse por debajo del documento, asi no haya contenido, podremos hacer scroll.
  • Display Shortcuts.- Nos permite configurar los atajos que trae por defecto Brackets
  • Emmet.- Permite utilizar atajos de teclado para insertar código de forma más rápida.
  • Interactive linter: hasta el momento uno de los mejores linter para javascript. Instálalo para desactivar el linter que viene por defecto en brackets. 
  • Can I use: Nos permite saber las propiedades que tienen soporte en los navegadores.
  • Brackets snippets(by edc): Nos permitirá crear nuestros propios atajos
  • PHP smart hints: Para programar con PHP nos mostrará algunas sugerencias mientras programamos.
  • Brackets Additional Right Click Menu: Añade algunas opciones al Menú que aparece al dar clic derecho con el botón del mouse.

 

A continuación te dejamos un tutorial actualizado sobre como instalar y configurar el programa.