El editor basado en web de github.dev

Utiliza el github.dev editor basado en la web desde tu repositorio o solicitud de cambios para crear y confirmar cambios.

Nota: el github.dev editor basado en la web se encuentra acutalmente en vista previa beta. Puedes proporcionar retroalimentación En nuestros debates.

Acerca de editor basado en la web

El editor basado en la web presenta una experiencia de edición ligera que se ejecuta completamente en tu buscador. Con el editor basado en la web, puedes navegar por los archivos y repositorios de código abierto desde GitHub y hacer y confirmar cambios de código. Puedes abrir cualquier repositorio, bifurcación o solicitud de cambios en el editor.

El editor basado en la web se encuentra disponible gratuitamente para todos en GitHub.com.

El editor basado en la web proporciona muchos de los beneficios de Visual Studio Code, tales como búsqueda, resaltado de sintaxis y vista de control de código fuente. También puedes utilizar la Sincronización de Ajustes para compartir tus propios ajustes de Visual Studio Code con el editor. Para obtener más información, consulta la sección de "Sincronización de ajustes" en la documentación de Visual Studio Code.

El editor basado en la web se ejecuta completamente en el área de pruebas de tu buscador. El editor no clona el repositorio, sino que utiliza la extensión de repositorios de GitHub para llevar a cabo la mayoría de la funcionalidad que utilizarás. Tu trabajo se guarda en el almacenamiento local de tu buscador hasta que lo confirmes. Debes confirmar tus cambios frecuentemente para asegurarte de que siempre sean accesibles.

Abrir el editor basado en la web

You can open any GitHub repository in the editor basado en la web in either of the following ways:

  • Presiona . cuando estés buscando cualquier repositorio o solicitud de cambios en GitHub.
  • Cambiando la URL de "github.com" a "github.dev".

Codespaces y el editor basado en la web

Tanto el editor basado en la web como los Codespaces te permiten editar el código directamente desde tu repositorio. Sin embargo, ambos tienen beneficios ligeramente diferentes, dependiendo de tu caso de uso.

editor basado en la webCodespaces
CostoFree.Costos de cálculo y almacenamiento. Para obtener información sobre los precios, consulta "Precios de los codespaces".
DisponibilidadDisponible para todos en GitHub.com.Disponible para las organizaciones que utilizan GitHub Team o GitHub Enterprise Cloud.
InicioEl editor basado en la web se abre instantáneamente al presionar una tecla y puedes comenzar a usarlo de inmediato sin tener que esperar por configuraciones o instalaciones adicionales.Cuando creas o reanudas un codespace, a este se le asigna una MV y el contenedor se configura con base ene l contenido de un archivo de devcontainer.json. Esta configuración puede tomar algunos minutos para crear el ambiente. Para obtener más información, consulta la sección "Crear un Codespace".
CálculoNo hay cálculos asociados, así que no podrás compilar y ejecutar tu código ni utilizar la terminal integrada.Con Codespaces, obtienes el poder de la MV dedicada en ela que ejecutas y depuras tu aplicación.
Acceso a la terminalNinguno.Codespaces proporciona un conjunto común de herramientas predeterminadamente, lo que significa que puedes utilizar la terminal como lo harías en tu ambiente local.
ExtensionesSolo un subconjunto de extensiones que pueden ejecutarse en la web aparecerá en la Vista de Extensiones y podrá instalarse. Para obtener más información, consulta la sección "Utilizar las extensiones".Con los Codespaces, puedes utilizar más extensiones desde el Mercado de Visual Studio Code.

Seguir trabajando en Codespaces

Puedes iniciar tu flujo de trabajo en el editor basado en la web y seguir trabajando en un codespace, tomando en cuenta que tengas acceso a Codespaces. Si intentas acceder a la Vista de Ejecución y Depuración o a la Terminal, se ten notificará que no están disponibles en editor basado en la web.

Para seguir trabajando en un codespace, haz clic en Seguir trabajando en… y selecciona Crear codespace nuevo para crear un codespace en tu rama actual. Antes de que elijas esta opción, debes confirmar cualquier cambio.

Una captura de pantalla que muestra el botón "Seguir trabajando en" en la IU

Utilizar el control de código fuente

Cuando utilizas el editor basado en la web, todas las acciones se administran a través de la Vista de Control de Código Fuente, la cual se ubica en la barra de actividad en la parte izquierda. Para obtener más información sobre la Vista de Control de Código Fuente, consulta la sección "Control de versiones" en la documentación de Visual Studio Code.

Ya que el editor basado en web utiliza la extensión de repositorios de GitHub para alimentar su funcionalidad, puedes cambiar de rama sin necesidad de acumular cambios. Para obtener más información, consulta la sección "Repositorios de GitHub" en la documentación de Visual Studio Code.

Crear una rama nueva

  1. Si la rama actual no se muestra en la barra de estado, en la parte inferior de tu codespace, haz clic derecho en la barra de estado y selecciona Control de código fuente.
  2. Haz clic en el nombre de rama en la barra de estado. La rama en la barra de estado
  3. En el menú desplegable, haz clic en la rama a la que quieras cambiar o ingresa el nombre de una rama nueva y haz clic en Crear rama nueva. Elige del menú de la rama Cualquier cambio sin confirmar que hayas hecho en tu rama antigua estará disponible en la nueva.

Confirmar tus cambios

  1. En la barra de actividad, haz clic en la vista de Control de código fuente. Vista de control de código fuente
  2. Para probar tus cambios, haz clic en + junto al archivo que cambiaste o junto a Cambios si cambiaste archivos múltiples y quieres probarlos todos. Barra lateral de control de código fuente con el botón de preparación resaltado
  3. Teclea un mensaje de confirmación que describa el cambio que hiciste. Barra de control de código fuente con un mensaje de confirmación
  4. Para confirmar tus cambios planeados, haz clic en la marca de verificación en la parte superior de la barra lateral del control de código fuente. Haz clic en el icono de verificación
  5. Una vez que hayas confirmado tus cambios, estos se subirán automáticamente a tu rama de GitHub.

Crear una solicitud de extracción

  1. Después de haber confirmado los cambios en tu copia local del repositorio, haz clic en el icono de Crear solicitud de cambios. Barra lateral de control de código fuente con el botón de preparación resaltado
  2. Verifica que el repositorio y la rama local desde la que estás haciendo la fusión y la rama y repositorio remotos hacia los que estés haciendo la fusión sean correctos. Después, asigna un nombre y descripción a la solicitud de cambios. Barra lateral de control de código fuente con el botón de preparación resaltado
  3. Da clic en Crear.

Trabajar con una solicitud de cambios existente

Puedes utilizar el editor basado en la web para trabajar con una solicitud de cambios existente.

  1. Navega hasta la solicitud de cambios que te gustaría utilizar en el editor basado en la web.
  2. Presiona . para abrir la solicitud de cambios en el editor basado en la web.
  3. Una vez que hayas hecho cualquier cambio, confírmalo utilizando los pasos en Confirmar tus cambios. Tus cambios se confirmarán directamente en la rama, no es necesario subirlos.

Utilizar extensiones

El editor basado en la web es compatible con las extensiones de Visual Studio Code que se hayan creado o actualizado específicamente para ejecutarse en la web. A estas extensiones se les conoce como "extensiones web". Para aprender cómo puedes crear una extensión web o actualizar la existente para que funcione en la web, consulta la sección de "Extensiones web" en la documnetación de Visual Studio Code.

Las extensiones que puedan ejecutarse en editor basado en la web aparecerán en la Vista de Extensiones y podrán instalarse. Si utilizas la sincronización de ajustes, cualquier extensión compatible también se instala automáticamente. Para obtener más información, consulta la sección de "Sincronización de ajustes" en la documentación de Visual Studio Code.

Solución de problemas

Si tienes problemas para abrir el editor basado en la web, intenta lo siguiente:

  • Asegúrate de estar firmado en GitHub.
  • Inhabilita cualquier bloqueador de anuncios.
  • Utiliza una ventana de tu buscador que no esté en modo incógnito para abrir el editor basado en la web.

Limitaciones conocidas

  • El editor basado en la web es actualmente compatible en Chrome (y en varios otros buscadores basados en Chromium), Edge, Firefox y Safari. Te recomendamos que utilices las últimas versiones de estos buscadores.
  • Es posible que algunos enlaces de teclas no funcionen, dependiendo del buscador que estás utilizando. Estas limitaciones de enlaces de teclas se documentan en la sección de "limitaciones conocidas y adaptaciones" de la documentación de Visual Studio Code.

¿Te ayudó este documento?

Política de privacidad

¡Ayúdanos a hacer geniales estos documentos!

Todos los documentos de GitHub son de código abierto. ¿Notas algo que esté mal o que no sea claro? Emite una solicitud de cambios.

Haz una contribución

O, aprende cómo contribuir.