login

IronWoods.es

Desarrollo web

Extensiones genéricas


Auto-Align, bladnman

Permite alinear el fragmento de código seleccionado.

imagen de ejemplo de CSS alineado

Configuración de combinación de teclas, como por ejemplo ctrl+alt+a (después de la instalación):

  • 1. Clic sobre el icono de configuración del editor (rueda dentada abajo-izquierda)
  • 2. Seleccionar Keyboard Shortcuts
  • 3. Escribir en el campo de búsqueda: align
  • 4. Clic sobre el icono del lápiz de Auto-Align / extension.autoalign
  • 5. Pulsar la combinación de teclas deseada seguida de Enter

Cuando seleccionemos la combinación de teclas se nos indica si otros comandos la utilizan, debemos evitar combinaciones que ya estén en uso.


Prettify JSON, Mohsen Azimi

Permite "embellecer" o hacer más legible el código JSON.

Partiendo de un JSON "en bruto", seleccionar todo, cortar y volver a pegar para que la extensión haga su trabajo.


Sort lines, Daniel Imms

Con varias opciones de ordenación de líneas mediante comandos.

Seleccionando y pulsando F9 se ordena ascendentemente.


Sublime Text Keymap and Settings Importer, Microsoft

Como su nombre indica, importa combinaciones de teclas de SublimeText, para los que venimos de o seguimos usando este editor.


TODO Highlight, Wayou Liu

Resalta en color las palabras indicadas tanto en el texto o código que estemos visualizando como en la barra de scroll vertical.

Añadiremos las palabras y colores en nuestra configuración de usuario. Adjunto aquí la mía, que resultará en:

palabras y colores configurados para TODO Highlight

Todo Tree, Gruntfuggly

Permite localizar las anotaciones de tipo TODO del proyecto, destacándolos dentro del código y a partir de un listado.

ejemplo de uso de Todo Tree

Por defecto localiza las etiquetas TODO y FIXME, pero se pueden configurar más palabras y otras muchas opciones, p.e. añadiendo al fichero de configuración general:

        "todo-tree.general.tags":[
            "BUG",
            "FAQ",
            "FIXME",
            "HACK",
            "NOBUG",
            "REVIEW",
            "TODO"
        ],
            

Ir al índice

Extensiones trabajar con Git


Git Graph, mhutchie

captura de uso de Git Graph

Añade a la integración con Git del editor un gráfico de las ramas del repositorio y permite consultar detalles del histórico.


Git History, Don Jayamanne

captura de uso de Git History

Complementa la integración con Git del editor y permite revisar con facilidad el histórico de cambios.


Ir al índice

Extensiones maquetar


Live Sass Compiler, Ritwick Dey

Herramienta para maquetar en vivo con SASS.

Compila SASS a CSS y refresca "en vivo" la ventana del navegador después de guardar cambios en el código HTML o SASS.


Live Server, Ritwick Dey

Herramienta para maquetar en vivo.

Refresca automáticamente la ventana del navegador después de guardar los cambios en el HTML / CSS.


Ir al índice