PortalTec

Programación

Visual Studio Code: instalarlo y configurarlo para programar

Instala el editor de código más usado, conoce sus partes y prepáralo para Python y la web.

Publicado el

Código CSS en una pantalla
dominio público (CC0) · vía rawpixel

Para programar se puede usar cualquier editor de texto, pero un editor de código ayuda muchísimo: colorea la sintaxis, avisa de errores mientras escribes, completa nombres y deja ejecutar el programa sin salir de la ventana. Visual Studio Code (VS Code) es gratuito, funciona en Windows, macOS y Linux y sirve para casi cualquier lenguaje gracias a sus extensiones. No lo confundas con Visual Studio, que es un entorno más pesado pensado sobre todo para .NET y C++.

Las partes de la ventana de VS Code.Barra de actividad (archivos, búsqueda, Git, depurar, extensiones) / Barra lateral (normalmente tus archivos) / Editor (donde escribes el código) / Panel inferior (terminal, problemas y salida)Visual Studio CodeBarra de actividadarchivos, búsqueda, Git, depurar, extensionesBarra lateralnormalmente tus archivosEditordonde escribes el códigoPanel inferiorterminal, problemas y salida
Las partes de la ventana de VS Code.

Instalarlo en Windows

Descárgalo solo desde code.visualstudio.com. La documentación oficial distingue dos instaladores:

  • User setup: el recomendado para la mayoría. Se instala solo para tu usuario, no necesita permisos de administrador y se actualiza con más facilidad.
  • System setup: para todos los usuarios del equipo; necesita permisos de administrador.

El instalador añade VS Code a la variable PATH. Después de instalarlo, cierra y vuelve a abrir la terminal: escribiendo code . dentro de una carpeta, la abrirás en el editor. Las versiones recientes también ofrecen instalar GitHub Copilot CLI, un producto aparte que requiere suscripción a Copilot; para aprender no lo necesitas.

Pantalla llena de código vista en ángulo
Foto: Markus Spiske · dominio público (CC0) · vía StockSnap

Las partes de la ventana

  • Barra de actividad (izquierda): explorador de archivos, búsqueda, control de código fuente (Git), ejecutar y depurar, y extensiones.
  • Barra lateral: muestra lo que elijas en la barra de actividad, normalmente tus archivos.
  • Editor: donde escribes. Puedes dividirlo para ver dos archivos a la vez.
  • Panel inferior: la terminal integrada, los problemas detectados y la salida de los programas.
  • Barra de estado (abajo): el lenguaje del archivo, la codificación (debería ser UTF-8) y el tipo de salto de línea.

Trabaja siempre abriendo una carpeta (Archivo > Abrir carpeta), no archivos sueltos: VS Code entiende mejor el proyecto y la terminal se abre directamente en ella.

Los dos instaladores para Windows.User setup: sí, Recomendado para la mayoría; sí, Sin permisos de administrador; Solo para tu usuario. System setup: Para todos los usuarios; no, Necesita administradorUser setupRecomendado para la mayoríaSin permisos de administradorSolo para tu usuarioSystem setupPara todos los usuariosNecesita administrador
Los dos instaladores para Windows.

Extensiones recomendadas para empezar

Desde el icono de extensiones (o Ctrl+Mayús+X) busca e instala solo lo que necesites:

  • Python (de Microsoft): resaltado, autocompletado, análisis del código y ejecución. La depuración paso a paso llega con la extensión Python Debugger, también de Microsoft.
  • Spanish Language Pack: si prefieres los menús en español.
  • Para la web, VS Code ya trae de serie soporte para HTML, CSS y JavaScript.

Instala extensiones de editores conocidos y con muchas descargas, y desconfía de las que imitan el nombre de otras populares: una extensión tiene acceso a tus archivos.

Teclado de aluminio sobre un escritorio, delante de un monitor encendido
Foto: Sabri Tuzcu · dominio público (CC0) · vía StockSnap

Atajos que te ahorran tiempo

Atajo Qué hace
Ctrl+Mayús+P Paleta de comandos: busca cualquier función por su nombre
Ctrl+P Abrir un archivo del proyecto escribiendo su nombre
Ctrl+ñ Abrir y cerrar la terminal integrada (en teclado español)
Ctrl+/ Comentar o descomentar las líneas seleccionadas
Alt+↑ / Alt+↓ Mover la línea actual arriba o abajo
F2 Renombrar una variable en todo el archivo
F5 Ejecutar con el depurador

Si un atajo no responde, busca su nombre en la paleta de comandos: ahí verás la combinación asignada en tu teclado.

Lo mínimo para empezar con Python y la web.Sí: Abre siempre una carpeta, no archivos sueltos. Sí: Extensión Python de Microsoft. Sí: HTML, CSS y JavaScript ya vienen de serie. No: Extensiones que imitan el nombre de otrasPrepáraloAbre siempre una carpeta, no archivos sueltosExtensión Python de MicrosoftHTML, CSS y JavaScript ya vienen de serieExtensiones que imitan el nombre de otras
Lo mínimo para empezar con Python y la web.

Ejecutar tu primer programa

  1. Abre la carpeta de tu proyecto y crea hola.py.
  2. Escribe print("Hola desde VS Code").
  3. Pulsa el botón ▷ de la esquina superior derecha o abre la terminal integrada y escribe python hola.py.

Si VS Code no encuentra Python, abre la paleta de comandos y elige Python: Select Interpreter para indicarle cuál usar. Con el editor listo, el siguiente paso es guardar el historial de tus cambios con Git y GitHub.

Fuentes consultadas