Parte 3 — Conocer la interfaz

La barra de actividad

En el lado izquierdo de VS Code encontrarás una barra con varios iconos.

Esta se conoce como barra de actividad.

Los iconos más comunes representan:

• Explorador.
• Búsqueda.
• Control de código fuente.
• Ejecutar y depurar.
• Extensiones.

No tienes que aprenderlos todos inmediatamente.

Al comienzo utilizaremos principalmente:

• Explorador.
• Extensiones.
• Terminal.

El explorador

El Explorador muestra los archivos y carpetas del proyecto.

Su icono normalmente parece un conjunto de archivos.

Cuando abras una carpeta, el Explorador mostrará su contenido.

Por ejemplo:

mini-finance
└── main.py

Si el proyecto crece, podría verse así:

mini-finance
├── main.py
├── data
│   └── database.json
├── models
│   └── account.py
└── ui
    └── main_window.py

No crearemos esa estructura todavía.

Por ahora utilizaremos solamente una carpeta y un archivo.

El editor

La parte central de VS Code es el editor.

Ahí abrimos y modificamos archivos.

Puedes tener varios archivos abiertos al mismo tiempo.

Cada archivo aparece en una pestaña.

Por ejemplo:

main.py
accounts.py
database.py

Seleccionar una pestaña cambia el archivo que estás viendo.

El panel inferior

VS Code tiene un panel que puede aparecer en la parte inferior.

Este panel puede contener:

• Terminal.
• Problemas.
• Salida.
• Consola de depuración.

En el siguiente capítulo utilizaremos principalmente la terminal.

Si el panel está cerrado, no significa que desapareció.

Puede abrirse nuevamente desde el menú superior.

La barra de estado

En la parte inferior de la ventana encontrarás una barra con información sobre el archivo actual.

Puede mostrar:

• Número de línea.
• Número de columna.
• Tipo de archivo.
• Codificación.
• Intérprete de Python.
• Estado de Git.
• Errores y advertencias.

Al principio no necesitas comprender todos esos datos.

Conforme avances, algunos se volverán más útiles.