{}
Aprende diseño y desarrollo web
Cursos gratuitos interactivos

Introducción a VS Code

Qué es Visual Studio Code, por qué es uno de los editores más usados, y cómo instalarlo en Windows, Mac y Linux.

Visual Studio Code (VS Code) es un editor de código gratuito y de código abierto desarrollado por Microsoft.

Es ligero, extensible y muy usado en desarrollo web, backend y DevOps; funciona en Windows, macOS y Linux.

No es un IDE pesado como Visual Studio: se centra en edición rápida, con extensiones para añadir lenguajes y herramientas.

La instalación es sencilla: descarga el instalador desde code.visualstudio.com y sigue los pasos; en Linux también puedes usar el repositorio o Snap.

  • Editor de código moderno y multiplataforma.
  • VS Code es un editor de texto pensado para programar: resaltado de sintaxis, autocompletado, integración con Git, depuración y un ecosistema enorme de extensiones. Está basado en Electron (Chromium + Node.js), por lo que es una aplicación de escritorio que corre igual en cualquier sistema operativo.
  • Microsoft lo publicó en 2015 y desde entonces ha sumado millones de usuarios; muchos equipos lo usan como editor estándar para frontend, Node.js, Python, etc.
  • Gratuito y de código abierto (licencia MIT).
  • Actualizaciones frecuentes y documentación en varios idiomas.

¿Qué es VS Code?

Editor de código moderno y multiplataforma.

VS Code es un editor de texto pensado para programar: resaltado de sintaxis, autocompletado, integración con Git, depuración y un ecosistema enorme de extensiones. Está basado en Electron (Chromium + Node.js), por lo que es una aplicación de escritorio que corre igual en cualquier sistema operativo.

Microsoft lo publicó en 2015 y desde entonces ha sumado millones de usuarios; muchos equipos lo usan como editor estándar para frontend, Node.js, Python, etc.

  • Gratuito y de código abierto (licencia MIT).
  • Actualizaciones frecuentes y documentación en varios idiomas.
  • Gran comunidad y extensiones para casi cualquier lenguaje o flujo.

¿Por qué usarlo?

Velocidad, extensiones y ecosistema.

Arranca rápido, consume menos recursos que un IDE completo y se adapta a tu stack con extensiones. Si trabajas con HTML, CSS, JavaScript, TypeScript, PHP o Python, encontrarás soporte oficial o de la comunidad. La terminal integrada, el control de versiones (Git) y la depuración están disponibles sin instalar nada extra.

Instalación

Windows, macOS y Linux.

En Windows: descarga el instalador .exe desde code.visualstudio.com, ejecútalo y marca la opción «Añadir al PATH» si quieres abrir VS Code desde la terminal con el comando code.

En macOS: descarga el .zip o usa Homebrew (brew install --cask visual-studio-code). Arrastra la app a Aplicaciones.

En Linux: además del .deb o .rpm según tu distribución, puedes usar el repositorio oficial de Microsoft o Snap (snap install --classic code).

  • Windows: instalador con opción «Abrir con Code» desde el explorador.
  • macOS: code en la terminal suele requerir instalar el comando desde la paleta de comandos (Shell Command: Install 'code').
  • Linux: asegúrate de tener las dependencias recomendadas (libgtk, etc.).
VS Code
01

Introducción a VS Code

Qué es Visual Studio Code, por qué es uno de los editores más usados, y cómo instalarlo en Windows, Mac y Linux.

¿Cuánto sabes de VS Code?

Código del tema: VS Code

📘 Teoría

¿Qué es VS Code?

Editor de código moderno y multiplataforma.

VS Code es un editor de texto pensado para programar: resaltado de sintaxis, autocompletado, integración con Git, depuración y un ecosistema enorme de extensiones. Está basado en Electron (Chromium + Node.js), por lo que es una aplicación de escritorio que corre igual en cualquier sistema operativo.

Microsoft lo publicó en 2015 y desde entonces ha sumado millones de usuarios; muchos equipos lo usan como editor estándar para frontend, Node.js, Python, etc.

  • Gratuito y de código abierto (licencia MIT).
  • Actualizaciones frecuentes y documentación en varios idiomas.
  • Gran comunidad y extensiones para casi cualquier lenguaje o flujo.

¿Por qué usarlo?

Velocidad, extensiones y ecosistema.

Arranca rápido, consume menos recursos que un IDE completo y se adapta a tu stack con extensiones. Si trabajas con HTML, CSS, JavaScript, TypeScript, PHP o Python, encontrarás soporte oficial o de la comunidad. La terminal integrada, el control de versiones (Git) y la depuración están disponibles sin instalar nada extra.

Instalación

Windows, macOS y Linux.

En Windows: descarga el instalador .exe desde code.visualstudio.com, ejecútalo y marca la opción «Añadir al PATH» si quieres abrir VS Code desde la terminal con el comando code.

En macOS: descarga el .zip o usa Homebrew (brew install --cask visual-studio-code). Arrastra la app a Aplicaciones.

En Linux: además del .deb o .rpm según tu distribución, puedes usar el repositorio oficial de Microsoft o Snap (snap install --classic code).

  • Windows: instalador con opción «Abrir con Code» desde el explorador.
  • macOS: code en la terminal suele requerir instalar el comando desde la paleta de comandos (Shell Command: Install 'code').
  • Linux: asegúrate de tener las dependencias recomendadas (libgtk, etc.).

🧰 Recursos

Enlaces útiles

VS Code - Página oficial VS Code - Documentación Descarga por sistema operativo
Test

Comprueba tus conocimientos con un test sobre VS Code.

Test de VS Code
Recursos del curso 10
📘 Glosario 🖼️ Infografías 🎬 Vídeos 🔗 Enlaces
Lección 02
Primera configuración e interfaz
›

¿Qué es esto?

Soy Cristian Eslava y a veces hago webs para procrastinar yo y vosotros 😉.

Esta la hice en febrero de 2026 para facilitar el aprendizaje de mis alumnxs. Aprender desarrollo web practicando. La idea es que crezca semanalmente con nuevos temas, tests y retos.

Inspirado en MDN, en W3Schools, en Codepen, en el crack de Manz y en mil sitios de documentación sobre desarrollo web. Quería aportar además de bloques teóricos con ejemplos, la gamificación de los retos y el sistema de test que ya tenía en culTest .

Si te gustó, si no te gustó, si quieres saludarme, o invitarme a 🍻 no dudes en escribirme en cristianeslava@gmail.com .