17 - Atajos de teclado: edición de código

Cuando estamos editando un programa tenemos frecuentemente que borrar líneas, copiar bloques, modificar nombres de variables etc. Estas actividades si bien muchas se pueden hacer desde opciones disponibles en el menú de barra lo más conveniente y rápido es hacerlas mediante distintas combinaciones de teclas.

  1. Borrar la línea donde se encuentra el cursor:

    Ctrl + X
  2. Copiar la línea donde se encuentra el cursor al portapapeles:

    Ctrl + C
  3. Copiar en el editor los datos almacenados en el portapapeles:

    Ctrl + V

    Las tres primeras opciones las ubicamos en el menú de barra en:

    atajo de teclado edición VSCode
  4. Mover la línea donde se encuentra el cursos hacia abajo:
    Alt + flecha abajo

    Si tenemos el cursor en el primer párrafo:

    atajo de teclado mover linea hacia abajo edición VSCode

    Luego presionamos tres veces:

    atajo de teclado mover linea hacia abajo edición VSCode

    Tenemos como resultado la línea donde se encuentra el cursor desplazada tres filas hacia abajo:

    atajo de teclado mover linea hacia abajo edición VSCode
  5. Para desplazar la línea donde se encuentra el cursor hacia arriba debemos utilizar las teclas:

    Alt + flecha arriba
  6. Para copiar la línea actual en la línea siguiente disponemos del atajo de teclado:

    Shift + Alt + flecha abajo

    Si tenemos el cursor en la línea de la etiqueta h1:

    atajo de teclado copiar linea hacia abajo edición VSCode

    Luego presionamos tres veces los atajos de teclas Shift + Alt + Flecha abajo:

    atajo de teclado copiar linea hacia abajo edición VSCode

    Tenemos como resultado que la línea donde se encontraba el cursos se ha copiado tres veces:

    atajo de teclado copiar linea hacia abajo edición VSCode
  7. De modo similar para copiar la línea donde se encuentra el cursor hacia arriba debemos utilizar las teclas:

    Shift + Alt + flecha arriba
  8. Para insertar una línea abajo de donde se encuentra el cursor (no importa en que parte de la línea actual se encuentra el cursor) debemos seleccionar:

    Ctrl + Enter
    

    Si tenemos el cursor en medio del tercer párrafo:

    atajo de teclado insertar linea hacia abajo edición VSCode

    Luego presionamos las teclas Ctrl + Enter:

    atajo de teclado insertar linea hacia abajo edición VSCode

    Tenemos como resultado que se ha agregado una línea abajo y se ha desplazado el cursor a dicha línea:

    atajo de teclado insertar linea hacia abajo edición VSCode
  9. De modo equivalente si queremos insertar una línea arriba de donde se encuentra el cursor y desplazar el cursor a dicha línea tenemos el atajo de teclado:

    Shift + Ctrl + Enter
    
  10. Para deshacer la última actividad desarrollada en el editor contamos con el atajo:

    Ctrl + Z

    Si escribimos 4 palabras en un párrafo:

    atajo de teclado deshacer edición VSCode

    Luego presionamos las teclas Ctrl + Z tres veces:

    atajo de teclado deshacer edición VSCode

    Tenemos como resultado que se han borrado las últimas tres palabras ingresadas (cualquier programa actual cuenta con la función de deshacer los últimos cambios efectuados):

    atajo de teclado deshacer edición VSCode
  11. La funcionalidad inversa de "deshacer" es "rehacer", esto se logra mediante el atajo de teclado:

    Ctrl + Y

    Las funcionalidades de "deshacer" y "rehacer" son muy importantes y se encuentran en el menú de barra:

    atajo de teclado deshacer y rehacer menú de barra edición VSCode
  12. Para desplazar el cursor al principio de la línea disponemos la tecla "Inicio":

    atajo de teclado inicio de línea edición VSCode
  13. Para desplazar el cursor al final de la línea disponemos la tecla "Fin":

    atajo de teclado fin de línea edición VSCode
  14. Para desplazar el cursor al principio del archivo debemos presionar Ctrl + Inicio:

    atajo de teclado inicio del archivo edición VSCode
  15. Para desplazar el cursor al final del archivo disponemos las teclas Ctrl + "Fin":

    atajo de teclado final del archivo edición VSCode
  16. Desplazar el cursor hacia abajo una página completa:

    atajo de teclado desplazar el cursor hacia abajo una página completa edición VSCode
  17. Desplazar el cursor hacia arriba una página completa:

    atajo de teclado desplazar el cursor hacia arriba  una página completa edición VSCode
  18. Hacer escroll hacia abajo sin desplazar el cursor:

    atajo de teclado scroll hacia abajo edición VSCode
  19. Hacer escroll hacia arriba sin desplazar el cursor:

    atajo de teclado scroll hacia arriba  una página completa edición VSCode
  20. Para encerrar como comentario la línea donde se encuentra el cursos tenemos el atajo de teclado:

    Ctrl + /
    atajo de teclado comentar línea donde se encuentra el cursor edición VSCode

    Si tenemos seleccionado un bloque de líneas se comentan todas:

    atajo de teclado comentar bloque de líneas edición VSCode

    VS Code detecta el lenguaje y agrega los caracteres válidos según corresponda (HTML, JavaScript etc.):

    atajo de teclado comentar bloque de líneas en distintos lenguajes edición VSCode

    Para quitar los comentarios hacemos uso del mismo juego de teclas.

  21. También podemos disponer o quitar comentarios de bloque a un conjunto de líneas seleccionadas mediante el atajo de teclas:

    Shift + Alt + A
    
    atajo de teclado comentarios de bloque edición VSCode

    Luego se generan los caracteres de bloque de comentarios:

    atajo de teclado comentarios de bloque edición VSCode

    Usamos el mismo juego de teclas si queremos quitar los comentarios a un bloque de código seleccionado.

    Las opciones de comentar una línea o un bloque de líneas pueden ser accedidas mediante el menú de barra:

    menú de barra disponer comentarios edición VSCode

Juego para memorizar los atajos de teclado en VSCode (hasta lo visto en este concepto)