Abrir y Ejecutar la Terminal en VS Code: Guía Paso a Paso

¿Alguna vez has escrito un código increíble en Visual Studio Code pero no sabes cómo hacerlo funcionar?

No te preocupes, es la duda más común al empezar. La clave está en la Terminal.

En esta guía aprenderás desde cómo abrirla hasta cómo ejecutar tus archivos sin salir del editor.

1. ¿Cómo abrir la Terminal en VS Code?

No necesitas buscar la consola de Windows o la terminal de Mac por separado. VS Code la tiene integrada.

El método rápido (Atajos de teclado)

En Windows/Linux: Presiona Ctrl + ñ (si tu teclado es español) o Ctrl + (la tecla justo debajo de Esc).

En macOS: Presiona Cmd + .

El método visual

Si prefieres usar el ratón:

1. Ve al menú superior en Terminal.
2. Haz clic en New Terminal.

Pro Tip: Puedes abrir varias terminales a la vez y dividirlas en paneles si necesitas ejecutar un servidor en una y comandos de Git en otra.

2. Cómo ejecutar un archivo según tu lenguaje

VS Code es un editor, no un compilador. Para “ver” tu código, la terminal debe saber qué lenguaje estás usando.

Para Python

Es el caso más común. Tienes dos opciones:

Fácil: Haz clic derecho en cualquier parte de tu código y selecciona “Run Python File in Terminal”.

Manual: En la terminal escribe python nombre_del_archivo.py y pulsa Enter.

Para JavaScript (o cualquier otro lenguaje)

Podemos hacer uso de la extensión Code Runner que nos permite ejecutar diferentes tipos de código de lenguajes de programación.

Luego de instalarla, presiona el icono de Play o cabeza de flecha que esta apuntando al lado derecho:

Si tienes duda sobre como usar la extensión Code Runner.

En el siguiente video de te enseño a como instalarla y usarla en VS Code:

Para HTML/CSS

Los archivos HTML no se ejecutan en la terminal (la terminal solo muestra texto).

Si tu archivo JavaScript está vinculado a un HTML (<script src=”…”></script>), querrás verlo en el navegador:

Usando una Extensión:

Para estos, te recomendamos la extensión Live Server, que abre una pestaña en tu navegador automáticamente:

1. Instala la extensión “Live Server”.
2. Abre tu archivo HTML.
3. Haz clic derecho en cualquier parte del código y selecciona “Open with Live Server”.
4. Para ver los resultados de JavaScript, presiona F12 en tu navegador y abre la pestaña Consola.

Con el navegador:

También puedes abrir tu archivo HTML (que ya tiene el javascript vinculado <script src=”…”></script>) en el navegador Google Chrome y ver el resultado:

En la imagen anterior hacemos un console.log(“Datos del perro:”, datos); para verificar si se esta obteniendo datos y los mostramos en la consola del navegador (F12).

3. El error más común: “No se reconoce el comando”

Si al intentar ejecutar algo recibes un error en letras rojas, suele ser por una de estas dos razones:

1. El lenguaje no está instalado: VS Code no incluye Python o Node.js por defecto. Debes instalarlos en tu sistema.
2. La terminal está en la carpeta equivocada: Si tu archivo está en una carpeta llamada Proyecto, pero tu terminal dice C:/Usuarios/Admin, no lo encontrará.

Solución: Haz clic derecho sobre tu archivo en el explorador de la izquierda y elige “Open in Integrated Terminal”. Esto abrirá la consola exactamente donde está el archivo.

4. Bonus: Atajos de teclado

Te dejo unos atajos que te pueden ser útiles al trabajar con la terminal de Visual Studio Code:

¿Te ha servido esta guía?

Si todavía tienes problemas para configurar tu terminal o no sabes qué comando usar para un lenguaje específico, déjame un comentario abajo y te ayudaré a solucionarlo. Si no ves la caja de  comentarios puedes ingresar al grupo de WhatsApp, Telegram o Discord en donde yo y la comunidad te ayudaremos.