8 - Explorador

El ícono de "Explorador" se encuentra en la "Barra de actividades" del lado izquierdo por defecto. Ya hemos trabajado con el explorador cuando abrimos una carpeta o un área de trabajo.

Cuando se lo presiona al ícono aparece el "Explorador" y si volvemos a presionar se oculta.

Cuando no hay ninguna carpeta o área de trabajo abierta el "Explorador" nos invita a "Abrir carpeta" o "Clonar repositorio":

explorador vscode

El explorador también lo podemos mostrar u ocultar presionando el ícono ubicado en la barra de títulos:

explorador icono de la barra de títulos vscode

Cuando tenemos abierta una carpeta o área de trabajo podemos desde el mismo explorador crear archivos, carpetas, actualizar y contraer carpetas (los íconos de estas actividades solo son visibles cuando la flecha del mouse se encuentra en la ventana del Explorador):

explorador vscode

El "Explorador" tiene un menú que nos permite configurar que pestañas debe mostrar:

explorador vscode

Ahora en el mismo "Explorador" en la parte superior se muestran todos los archivos que se encuentran abiertos:

explorador vscode

Podemos esconder esta pestaña nuevamente seleccionando la opción "editores abiertos".

En la parte inferior se muestra un esquema del contenido del archivo que se encuentra abierto (depende del tipo de archivo que se muestra HTML, CSS, JavaScript, C# etc.):

explorador esquema vscode

Las teclas de acceso rápido para mostrar el "Explorador" ( Ctrl + Shift + E):

explorador vscode

Para abrir un archivo en la área de edición hacemos clic sobre el nombre en el "Explorador" y con doble clic se abre una nueva pestaña(editor)

En algunas situaciones si necesitamos tener un mismo archivo abierto en forma simultanea debemos presionar el ícono con un símbolo de dividir de la equina superior derecha:

explorador dividir editor vscode

Luego de dividir tenemos dos ventanas de edición paralelas (tiene sentido si tenemos archivos muy grandes y tenemos que comparar contenidos que se encuentran en líneas muy distantes entre si):

explorador dividir editor vscode

Podemos abrir archivos distintos en forma paralela arrastrando el segundo archivo a un lado o a otro del archivo abierto actualmente:

explorador dividir editor vscode

Luego de este proceso tenemos abiertos en simultáneo los dos archivos.

Podemos abrir en forma simultánea muchos archivos en VSCode:

explorador archivos abiertos en forma simultánea editor vscode

Podemos tener más de un archivo en una de las ventanas de edición:

explorador archivos abiertos en forma simultánea editor vscode

Las teclas de acceso rápido para cambiar entre las distintas ventanas de edición es (Ctrl + 1) o (Ctrl + 2) o (Ctrl + 3)

Podemos en VS Code abrir ventanas de edición en forma vertical:

explorador archivos abiertos  en forma vertical editor vscode

Luego tenemos como resultado:

explorador archivos abiertos  en forma vertical editor vscode

Podemos tener varias ventanas en forma horizontal y vertical:

explorador archivos abiertos  en forma vertical y horizontal editor vscode

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