¿Sabías que puedes usar Visual Studio Code Web en GitHub para editar tus proyectos directamente desde el navegador, sin instalar nada? Esta función gratuita de GitHub te permite abrir cualquier repositorio con una versión online de VS Code, ideal para desarrolladores que buscan rapidez, movilidad y eficiencia.
Contenido
En este artículo te explico paso a paso cómo acceder al editor web usando github.dev, una función integrada en la plataforma de GitHub que convierte cualquier repositorio en un entorno de desarrollo en la nube.
¿Qué es Visual Studio Code Web en GitHub?
Visual Studio Code Web en GitHub es una versión basada en navegador del popular editor VS Code, integrada directamente con tu cuenta de GitHub. Al cambiar el dominio .com por .dev en cualquier URL de repositorio, puedes abrir el proyecto en un entorno similar a VS Code local, pero completamente online.
Cómo abrir un repositorio en Visual Studio Code Web en GitHub
1. Accede al repositorio
Ve al repositorio de GitHub que deseas editar. Ejemplo:https://github.com/MarbustTechnologyCompany/marbust-accounts-backend
2. Selecciona la rama deseada
Antes de hacer cambios, asegúrate de estar en la rama correcta desde el selector de ramas en la interfaz de GitHub.
3. Cambia .com por .dev
En la barra de direcciones de tu navegador, cambia el dominio:
➡️ De: github.com/...
➡️ A: github.dev/...Por ejemplo:
https://github.dev/MarbustTechnologyCompany/marbust-accounts-backend
Presiona Enter.
4. Autoriza permisos si es necesario
GitHub puede solicitar permisos la primera vez que accedas al editor. Acéptalos para continuar.
5. ¡Edita el repositorio directamente en el navegador!
Ya estás dentro del editor de Visual Studio Code Web en GitHub, donde puedes:
- Ver y modificar archivos
- Instalar extensiones compatibles
- Usar el terminal integrado
- Hacer commits y push si estás autenticado
- Disfrutar de la experiencia completa de VS Code, pero en la nube
Beneficios de usar Visual Studio Code Web en GitHub
- ✅ No necesitas instalar nada
- ✅ Ideal para cambios rápidos
- ✅ Perfecto para revisar código en reuniones o desde otro equipo
- ✅ Compatible con extensiones básicas
- ✅ Ideal para educación, contribuciones y colaboración
Conclusión
Visual Studio Code Web en GitHub es una herramienta poderosa que muchos desarrolladores aún no conocen. Te permite acceder a un entorno de desarrollo desde cualquier lugar y facilita la colaboración en proyectos de código abierto o privados.
¿Ya lo usaste? ¿Te gustaría ver más artículos como este?
Déjame tus comentarios y comparte este truco con tu equipo.
Sobre el Autor:
Marco Antonio Bustillos Quiroz
Bachelor of Science in Web Design and Development (BYU-Idaho)
Full Stack Web Developer con más de 7 años de experiencia en desarrollo Front End y 5 años en desarrollo Back End. Mis proyectos incluyen sitios web, landing pages, aplicaciones web, REST APIs, e-commerce, y mucho más. Mi pasión es crear experiencias digitales impactantes y compartir conocimientos con otros desarrolladores.