Brackets. Edición

¡Atención!Utilicé Brackets en mis clases durante los cursos 2014-15, 2015-16 y 2016-17. Desde entonces no he actualizado estas lecciones, por lo que la información contenida en ellas puede haberse quedado obsoleta.

Insertar rutas de archivos

Brackets facilita la inserción de rutas de archivos. Al escribir el atributo que requiere una ruta, se muestran los archivos del directorio donde se encuentra el archivo que estamos editando:

Insertar rutas de archivos

Las flechas arriba y abajo permiten desplazarse por la lista hasta el archivo deseado:

Insertar rutas de archivos

Al pulsar Intro, se inserta el nombre del archivo:

Insertar rutas de archivos


En caso de que hayan subdirectorios en la carpeta, también se muestran en la lista.

Insertar rutas de archivos

Al pulsar Intro sobre el nombre del directorio, se inserta en la página el nombre del directorio y la lista muestra los archivos del directorio.

Insertar rutas de archivos


En caso de que haya muchos archivos en el subdirectorio...

Insertar rutas de archivos

Escribiendo letras, la lista de archivos muestra solamente los archivos que empiezan por esas letras:

Insertar rutas de archivos

Insertar tamaño de las imágenes

Una vez insertada una imagen, conviene indicar el tamaño de la imagen con los atributos width y height. Para saber el tamaño de la imagen insertada, basta con hacer clic en la imagen. Brackets mostrará una miniatura de la imagen y su tamaño:

Insertar rutas de archivos

Los atributos no se insertan automáticamente, se deben escribir manualmente.

Insertar rutas de archivos

Edición rápida

Si se pulsa Ctrl+E cuando el cursor está en algunos elementos se activa la edición rápida. La edición rápida también se puede activar haciendo clic derecho sobre algunos elementos y eligiendo la opción Edición rápida.

Edición rápida en etiquetas

Por completar

Edición rápida en colores

Por completar

Edición rápida cubic-bezier() o steps()

Por completar

Atajos de teclado

Problemas