1
0
mirror of synced 2026-01-01 00:04:41 -05:00
Files
docs/translations/es-ES/content/codespaces/developing-in-codespaces/developing-in-a-codespace.md
2022-09-11 17:21:17 +00:00

4.5 KiB

title, intro, product, redirect_from, versions, type, topics, shortTitle, ms.openlocfilehash, ms.sourcegitcommit, ms.translationtype, ms.contentlocale, ms.lasthandoff, ms.locfileid
title intro product redirect_from versions type topics shortTitle ms.openlocfilehash ms.sourcegitcommit ms.translationtype ms.contentlocale ms.lasthandoff ms.locfileid
Desarrollar en un codespace Puedes abrir un codespace en {% data variables.product.product_name %} y después desarrollar utilizando las características de {% data variables.product.prodname_vscode %}. {% data reusables.gated-features.codespaces %}
/github/developing-online-with-github-codespaces/developing-in-a-codespace
/github/developing-online-with-codespaces/developing-in-a-codespace
fpt ghec
* *
how_to
Codespaces
Fundamentals
Developer
Develop in a codespace 70b7b5b91e68b80033edd59ae3a7826e0e2ee25f 478f293116 HT es-ES 09/09/2022 147614355

Acerca del desarrollo con {% data variables.product.prodname_github_codespaces %}

{% data variables.product.prodname_github_codespaces %} te proporciona la experiencia completa de desarrollo de {% data variables.product.prodname_vscode %}. {% data reusables.codespaces.use-visual-studio-features %}

{% data reusables.codespaces.links-to-get-started %}

Resumen de codespace con anotaciones

  1. Barra lateral - Predeterminadamente, esta área te muestra los archivos de tu proyexcto en el explorador.
  2. Barra de actividad - Esto muestra las vistas y te proporciona una forma de cambiar entre ellas. Puedes volver a ordenar las vistas si las arrastras y las sueltas.
  3. Editor - Aquí es donde editas tus archivos. Puedes utilzar la pestaña para que cada editor la posicione exactamente donde la necesitas.
  4. Paneles - Aquí es donde puedes ver la información de salida y depuración, así como el lugar predeterminado para la Terminal integrada.
  5. Barra de estado - Esta área te proporciona información útil sobre tu codespace y proyecto. Por ejemplo, el nombre de rama, los puertos configurados y más.

Para obtener más información sobre el uso de {% data variables.product.prodname_vscode_shortname %}, consulta la guía de la interfaz de usuario en la documentación de {% data variables.product.prodname_vscode_shortname %}.

{% data reusables.codespaces.connect-to-codespace-from-vscode %}

{% data reusables.codespaces.use-chrome %} Para obtener más información, consulte "Solución de problemas de clientes de Codespaces".

Personalizar tu codespace

{% data reusables.codespaces.about-personalization %} Para obtener más información, consulta "Personalización de {% data variables.product.prodname_github_codespaces %} en tu cuenta".

{% data reusables.codespaces.apply-devcontainer-changes %} Para obtener más información, consulte "Configuración de {% data variables.product.prodname_codespaces %} en su proyecto."

Ejecutar tu app desde un codespace

{% data reusables.codespaces.about-port-forwarding %} Para obtener más información, consulte "Reenvío de puertos en su codespace".

Configramr tus cambios

{% data reusables.codespaces.committing-link-to-procedure %}

Utilizar la {% data variables.product.prodname_vscode_command_palette %}

La {% data variables.product.prodname_vscode_command_palette %} te permite acceder y administrar muchas de las características para {% data variables.product.prodname_codespaces %} y {% data variables.product.prodname_vscode_shortname %}. Para obtener más información, consulta "Uso de {% data variables.product.prodname_vscode_command_palette_shortname %} en {% data variables.product.prodname_codespaces %}".

Navegar a un codespace existente

  1. {% data reusables.codespaces.you-can-see-all-your-codespaces %}
  2. Da clic en el nombre del codespace en el cual quieras desarrollar. Nombre del codespace

También puede ver cualquier codespace activo en un repositorio si navega hasta ese repositorio y selecciona {% octicon "code" aria-label="The code icon" %} Code. El menú desplegable mostrará todos los codespaces activos en un repositorio.