*** # Usando un Editor de Código: Dominando [VSCode.dev](https://vscode.dev) **¡Bienvenido!** Esta lección te llevará desde lo básico hasta el uso avanzado de [VSCode.dev](https://vscode.dev), el potente editor de código basado en la web. Aprenderás a editar código con confianza, gestionar proyectos, rastrear cambios, instalar extensiones y colaborar como un profesional, todo desde tu navegador, sin necesidad de instalación. *** ## Objetivos de Aprendizaje Al final de esta lección, serás capaz de: - Usar eficientemente un editor de código en cualquier proyecto, en cualquier lugar - Rastrear tu trabajo sin problemas con el control de versiones integrado - Personalizar y optimizar tu flujo de trabajo de desarrollo con personalizaciones y extensiones del editor *** ## Prerrequisitos Para comenzar, **regístrate para obtener una cuenta gratuita en [GitHub](https://github.com)**, lo que te permitirá gestionar repositorios de código y colaborar a nivel mundial. Si aún no tienes una cuenta, [créala aquí](https://github.com/). *** ## ¿Por qué usar un editor de código basado en la web? Un **editor de código** como VSCode.dev es tu centro de comando para escribir, editar y gestionar código. Con una interfaz intuitiva, muchas funciones y acceso inmediato a través del navegador, puedes: - Editar proyectos en cualquier dispositivo - Evitar la molestia de instalaciones - Colaborar y contribuir al instante Una vez que te sientas cómodo con VSCode.dev, estarás preparado para abordar tareas de programación desde cualquier lugar y en cualquier momento. *** ## Comenzando con VSCode.dev Navega a **[VSCode.dev](https://vscode.dev)**: sin instalaciones, sin descargas. Iniciar sesión con GitHub desbloquea acceso completo, incluyendo la sincronización de tus configuraciones, extensiones y repositorios. Si se te solicita, conecta tu cuenta de GitHub. Después de cargar, tu espacio de trabajo se verá así: , ⚙️ (Configuraciones), archivos, control de código fuente, etc. - **Barra lateral:** Cambia de contexto según el ícono seleccionado en la barra de actividades (por defecto es *Explorador* para mostrar archivos). - **Área de edición/código:** La sección más grande a la derecha, donde realmente editarás y verás el código. Haz clic en los íconos para explorar las funciones, pero regresa al _Explorador_ para mantener tu lugar. *** ## Abrir un repositorio de GitHub ### Método 1: Desde el editor 1. Ve a [VSCode.dev](https://vscode.dev). Haz clic en **"Abrir repositorio remoto."** .  y presiona Enter. Si todo sale bien, verás el proyecto completo cargado y listo para editar. *** ### Método 2: Al instante vía URL Transforma cualquier URL de repositorio de GitHub para abrir directamente en VSCode.dev reemplazando `github.com` con `vscode.dev/github`. Ejemplo: - GitHub: `https://github.com/microsoft/Web-Dev-For-Beginners` - VSCode.dev: `https://vscode.dev/github/microsoft/Web-Dev-For-Beginners` Esta función acelera el acceso rápido a cualquier proyecto. *** ## Editar archivos en tu proyecto Una vez que tu repositorio esté abierto, puedes: ### 1. **Crear un nuevo archivo** - En la barra lateral *Explorador*, navega a la carpeta deseada o usa la raíz. - Haz clic en el ícono _‘Nuevo archivo ...’_. - Nombra tu archivo, presiona **Enter**, y tu archivo aparecerá al instante.  y eliminaciones (rojo).  *** ## Exploración adicional y autoestudio - Profundiza con [la documentación oficial de VSCode Web](https://code.visualstudio.com/docs/editor/vscode-web?WT.mc_id=academic-0000-alfredodeza). - Explora funciones avanzadas del espacio de trabajo, atajos de teclado y configuraciones. *** **¡Ahora estás listo para programar, crear y colaborar desde cualquier lugar, en cualquier dispositivo, usando VSCode.dev!** --- **Descargo de responsabilidad**: Este documento ha sido traducido utilizando el servicio de traducción automática [Co-op Translator](https://github.com/Azure/co-op-translator). Aunque nos esforzamos por garantizar la precisión, tenga en cuenta que las traducciones automatizadas pueden contener errores o imprecisiones. El documento original en su idioma nativo debe considerarse como la fuente autorizada. Para información crítica, se recomienda una traducción profesional realizada por humanos. No nos hacemos responsables de malentendidos o interpretaciones erróneas que puedan surgir del uso de esta traducción.