Inicio

Curso de VS Code

Editor pro: instalación, atajos, extensiones, configuración avanzada, IA (Copilot) y alternativas como Cursor.

Tests

Pon a prueba tus conocimientos de VS Code.

Lecciones

10
1
Setup
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.
2
Setup
Primera configuración e interfaz
Conoce la interfaz: barra lateral, explorador de archivos, paneles, temas de color e iconos, y cómo cambiar el idioma.
3
Productividad
Atajos esenciales
Atajos de teclado que más usarás: guardar, paleta de comandos, ir a línea, duplicar línea, comentar y descomentar.
4
Productividad
Navegación y búsqueda
Ir a archivo, ir a símbolo, buscar y reemplazar en el proyecto, y usar el multi-cursor para editar varias líneas a la vez.
5
Extensiones
Extensiones
Cómo instalar y gestionar extensiones desde el marketplace, y cuáles son muy útiles para desarrollo web: ESLint, Prettier, Live Server y más.
6
Setup
Configuración avanzada
Editar settings.json y keybindings.json, diferencia entre configuración de usuario y de workspace, y ajustes por lenguaje.
7
Avanzado
IA en el editor
Cómo aprovechar la inteligencia artificial en VS Code: GitHub Copilot (sugerencias inline y chat), buenas prácticas y límites de confianza.
8
Avanzado
Cursor y otros IDE
Qué es Cursor (editor basado en VS Code con IA integrada), y una comparativa breve con otros entornos: JetBrains, Sublime Text y cuándo elegir cada uno.
9
Extensiones
Snippets
Qué son los snippets, cómo usar los integrados por lenguaje, crear los tuyos y nociones de Emmet para HTML y CSS.
10
Avanzado
Despedida y próximos pasos
Resumen del curso de VS Code, recursos para seguir aprendiendo y sugerencias para profundizar en productividad, extensiones e IA.
Página 1 de 1

¿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 .