20 - Atajos de teclado: vista general del editor VS Code

VS Code tiene una gran cantidad de características que afectan como se muestra el editor en pantalla.

  1. Hay una funcionalidad que muestra el contenido de la pestaña seleccionada ocupando toda la pantalla, evitando con ello cualquier distracción al programador.

    Esta forma de presentar el contenido de un archivo se lo llama "modo zen" y se lo activa con el atajo de teclas (Ctrl + K Z):

    teclas de atajos modo zen VSCode

    Luego la pantalla del VS Code se transforma en:

    teclas de atajos modo zen VSCode

    Es una funcionalidad bastante utilizada que inclusive la encontramos en el menú de barra:

    teclas de atajos modo zen VSCode

    Para regresar a la pantalla normal de VS Code podemos presionar nuevamente el mismo juego de teclas (Ctrl + K Z) o dos veces la tecla 'Escape'.

  2. Mediante el atajo de tecla 'F11' se activa el modo pantalla completo:

    teclas de atajos pantalla completa VSCode

    En este modo no aparece la barra de título ni la barra de opciones:

    teclas de atajos pantalla completa VSCode

    Para retornar al modo normal debemos presionar nuevamente la tecla 'F11'.

  3. Podemos aumentar o disminuir el 'Zoom' del programa en forma completo (tanto del editor activo como la barra de actividades') Esta acción la hacemos mediante las teclas: Ctrl + '+' para aumentar el zoom y Ctrl + '-' para disminuirlo.

    teclas de atajos zoom en VSCode

    En el menú de opciones de VS Code encontramos esta funcionalidad en:

    zoom en VSCode

    Con el atajo de teclas Ctrl + NumPad0 volvemos al zoom por defecto:

    atajo de teclado de zoom por defecto VSCode
  4. Cuando tenemos varios grupos de editores abiertos podemos alternar que se muestren en forma vertical u horizontal mediante el atajo de teclas (Shift + Alt + 0)

    atajo de teclado alternar grupo de editores en forma vertical u horizontal VSCode

    En forma vertical aparecen:

    atajo de teclado alternar grupo de editores en forma vertical u horizontal VSCode

    En forma horizontal aparecen:

    atajo de teclado alternar grupo de editores en forma vertical u horizontal VSCode

    En el menú de opciones de VS Code encontramos esta funcionalidad en:

    atajo de teclado alternar grupo de editores en forma vertical u horizontal VSCode
  5. Para mover la "Barra de actividades" lo debemos hacer desde el menú de barra:

    mover barra de actividades VSCode
  6. Para mostrar u ocultar íconos en la "barra de actividades" debemos presionar el botón derecho del mouse y seleccionar alguna de sus opciones:

    mostrar y ocultar íconos de la barra de actividades VSCode
  7. Para ocultar o hacer visible la barra lateral tenemos el atajo de teclado: Ctrl + B:

    mostrar u ocultar la barra lateral con atajo de teclado VSCode

    Tener en cuenta que no se ocultan los íconos de la "barra de actividades".

  8. La funcionalidad de minimapa se muestra activa por defecto. El minimapa nos permite movernos por todo el código sin la necesidad de hacer scroll:

    minimapa VSCode

    Para activar o desactivar el minimapa debemos acceder al menú de barra:

    minimapa menú de barra VSCode
  9. Podemos disponer el código de la pestaña activa en forma centrada:

    pestaña de edición en forma centrada VSCode

    Accedemos a esta funcionalidad desde el menú de barra: Ver -> Apariencia -> Alternar diseño centrado.

  10. Para ocultar la barra de menú debemos acceder mediante la opción Ver-> Apariencia -> alternar barra de menús. Cuando está oculta la barra de menú podemos activarlo temporalmente presionando la tecla 'Alt':

    ocultar y mostrar la barra de menús VSCode
  11. La barra de estado que aparece en la parte inferior del editor se la puede ocultar accediendo desde el menú de barra a la opción "Ver -> Apariencia -> Ocultar barra de estado":

    ocultar barra de estado VSCode

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