{"meta":{"title":"Creación de un codespace a partir de una plantilla","intro":"Si vas a iniciar un nuevo proyecto, puedes crear un codespace a partir de una plantilla en blanco o elegir una plantilla especialmente diseñada para el tipo de trabajo que deseas realizar.","product":"Codespaces","breadcrumbs":[{"href":"/es/codespaces","title":"Codespaces"},{"href":"/es/codespaces/developing-in-a-codespace","title":"Desarrollar en un codespace"},{"href":"/es/codespaces/developing-in-a-codespace/creating-a-codespace-from-a-template","title":"Creación de un codespace a partir de una plantilla"}],"documentType":"article"},"body":"# Creación de un codespace a partir de una plantilla\n\nSi vas a iniciar un nuevo proyecto, puedes crear un codespace a partir de una plantilla en blanco o elegir una plantilla especialmente diseñada para el tipo de trabajo que deseas realizar.\n\n# Acerca de las plantillas para GitHub Codespaces\n\nSi vas a iniciar un nuevo proyecto, puedes crear un codespace a partir de una plantilla para empezar con el trabajo de desarrollo rápidamente. Podrás trabajar en el proyecto en un entorno de desarrollo basado en la nube, guardar los archivos en la nube y publicar el trabajo en un nuevo repositorio remoto que puedes compartir con otros usuarios o clonar en la máquina local.\n\nPuede empezar desde una plantilla en blanco, elegir entre plantillas mantenidas por GitHub para tecnologías populares, como React o Jupyter Notebook, o iniciar un espacio de código desde cualquier repositorio de plantillas en GitHub.\n\nCon una plantilla en blanco, empezarás con un directorio vacío, con acceso a los recursos de proceso basados en la nube y a las herramientas, lenguajes y entornos en tiempo de ejecución que vienen preinstalados con la imagen de contenedor de desarrollo predeterminada. Con otras plantillas, obtendrás archivos de inicio para la tecnología con la que estás trabajando y, normalmente, algunos archivos adicionales, como un archivo Léame, un archivo `.gitignore` y archivos de configuración de contenedor de desarrollo que contienen algunas opciones de configuración de entorno personalizadas. Para obtener más información sobre los contenedores de desarrollo y la imagen predeterminada, consulte [Introducción a los contenedores dev](/es/codespaces/setting-up-your-project-for-codespaces/adding-a-dev-container-configuration/introduction-to-dev-containers).\n\nPor ejemplo, si creas un codespace a partir de la plantilla de React de GitHub, llegarás a un área de trabajo que contiene archivos de plantilla para una aplicación sencilla, como `index.js`, `app.js` y `package.json`. Poco después de que se abra el codespace, se iniciará automáticamente un servidor de desarrollo y podrás ver la aplicación en ejecución en una pestaña sencilla del explorador en el cliente web de VS Code.\n\n![Captura de pantalla del navegador simple de VS Code\nque representa la aplicación web en la plantilla de React de GitHub.](/assets/images/help/codespaces/react-template.png)\n\nLos archivos y la configuración incluidos en las plantillas se definen en repositorios de plantilla. El repositorio de plantilla se clona en el codespace al crear el codespace. Después, se corta el vínculo y el codespace no se vincula a un repositorio remoto hasta que publicas en uno.\n\n> \\[!TIP]\n> Para que los usuarios puedan empezar a trabajar con la plataforma de trabajo, la biblioteca u otro proyecto, puede configurar un repositorio de plantilla para utilizarlo con GitHub Codespaces. Para más información, consulta [Configuración de un repositorio de plantillas para GitHub Codespaces](/es/codespaces/setting-up-your-project-for-codespaces/setting-up-your-repository/setting-up-a-template-repository-for-github-codespaces).\n\n## Creación de un codespace a partir de una plantilla de GitHub\n\nLas plantillas que mantiene GitHub, incluida la plantilla en blanco, están disponibles en la página \"Tus codespaces\".\n\n1. En la esquina superior izquierda de GitHub, selecciona <svg version=\"1.1\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" class=\"octicon octicon-three-bars\" aria-label=\"Open global navigation menu\" role=\"img\"><path d=\"M1 2.75A.75.75 0 0 1 1.75 2h12.5a.75.75 0 0 1 0 1.5H1.75A.75.75 0 0 1 1 2.75Zm0 5A.75.75 0 0 1 1.75 7h12.5a.75.75 0 0 1 0 1.5H1.75A.75.75 0 0 1 1 7.75ZM1.75 12h12.5a.75.75 0 0 1 0 1.5H1.75a.75.75 0 0 1 0-1.5Z\"></path></svg> y luego haz clic en **<svg version=\"1.1\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" class=\"octicon octicon-codespaces\" aria-label=\"codespaces\" role=\"img\"><path d=\"M0 11.25c0-.966.784-1.75 1.75-1.75h12.5c.966 0 1.75.784 1.75 1.75v3A1.75 1.75 0 0 1 14.25 16H1.75A1.75 1.75 0 0 1 0 14.25Zm2-9.5C2 .784 2.784 0 3.75 0h8.5C13.216 0 14 .784 14 1.75v5a1.75 1.75 0 0 1-1.75 1.75h-8.5A1.75 1.75 0 0 1 2 6.75Zm1.75-.25a.25.25 0 0 0-.25.25v5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-5a.25.25 0 0 0-.25-.25Zm-2 9.5a.25.25 0 0 0-.25.25v3c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25v-3a.25.25 0 0 0-.25-.25Z\"></path><path d=\"M7 12.75a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75Zm-4 0a.75.75 0 0 1 .75-.75h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1-.75-.75Z\"></path></svg> Codespaces** para ir hasta la página \"Your codespaces\" en [github.com/codespaces](https://github.com/codespaces).\n\n2. Para ver la lista completa de plantillas, en \"Explorar plantillas de inicio rápido\", haz clic en **Ver todo**.\n\n   ![Captura de pantalla de la sección \"Explorar plantillas de inicio rápido\". \"Ver todo\" está resaltada con un contorno naranja oscuro.](/assets/images/help/codespaces/codespace-templates-see-all.png)\n\n3. Opcionalmente, para ver el repositorio de plantilla que contiene los archivos de una plantilla, haz clic en el nombre de la plantilla.\n\n   ![Captura de pantalla de la sección \"Explorar plantillas de inicio rápido\". Aparecen tres plantillas. Los nombres de las plantillas se destacan con un recuadro naranja.](/assets/images/help/codespaces/react-template-name.png)\n\n4. En el nombre de la plantilla que deseas iniciar, haz clic en **Usar esta plantilla**.\n\nAl crear un nuevo codespace a partir de una plantilla, siempre se abre en el cliente web de Visual Studio Code. Puedes volver a abrir un codespace existente en cualquier editor compatible. Para más información, consulta [Apertura de un codespace existente](/es/codespaces/developing-in-codespaces/opening-an-existing-codespace).\n\n## Creación de un codespace a partir de un repositorio de plantilla\n\nPuedes crear un codespace a partir de cualquier repositorio de plantilla y, a continuación, publicar tu trabajo en un nuevo repositorio cuando estés a punto. Para obtener más información sobre los repositorios de plantillas, consulte [Crear un repositorio desde una plantilla](/es/repositories/creating-and-managing-repositories/creating-a-repository-from-a-template#about-repository-templates).\n\n1. En GitHub, navegue hasta la página principal del repositorio.\n2. Haz clic en **Usar esta plantilla** y luego en **Abrir en un codespace**.\n\n   ![Captura de pantalla del botón \"Usar esta plantilla\" y el menú desplegable expandido para mostrar la opción \"Abrir en un codespace\".](/assets/images/help/repository/use-this-template-button.png)\n\n   > \\[!NOTE]\n   > Si eres el responsable del mantenimiento del repositorio de plantillas y quieres confirmar los cambios en el propio repositorio, debes crear un codespace desde la lista desplegable **<svg version=\"1.1\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" class=\"octicon octicon-code\" aria-label=\"code\" role=\"img\"><path d=\"m11.28 3.22 4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734L13.94 8l-3.72-3.72a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215Zm-6.56 0a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042L2.06 8l3.72 3.72a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L.47 8.53a.75.75 0 0 1 0-1.06Z\"></path></svg> Code**. Para más información, consulta [Creación de un codespace para un repositorio](/es/codespaces/developing-in-a-codespace/creating-a-codespace-for-a-repository#creating-a-codespace-for-a-repository).\n\nAl crear un nuevo codespace a partir de una plantilla, siempre se abre en el cliente web de Visual Studio Code. Puedes volver a abrir un codespace existente en cualquier editor compatible. Para más información, consulta [Apertura de un codespace existente](/es/codespaces/developing-in-codespaces/opening-an-existing-codespace).\n\n## Publicación en un repositorio en GitHub\n\nCuando trabajas en un codespace creado a partir de una plantilla, el trabajo se guarda en una máquina virtual en la nube, pero no se almacena en un repositorio en GitHub.\n\nPuedes guardar tus archivos, cerrar y detener el codespace y retomar el trabajo más adelante. Normalmente, Git viene preinstalado y el directorio de trabajo se inicializará automáticamente como repositorio de Git a menos hayas empezado desde la plantilla en blanco de GitHub. Esto significa que puedes usar Git de inmediato para el control de código fuente local, como la adición y la confirmación de archivos.\n\nSin embargo, si eliminas un codespace no publicado o si se elimina automáticamente al no usarse durante el período de retención, tu trabajo también se eliminará. Para conservar el trabajo y permitir que otros usuarios trabajen en el proyecto, deberás publicar el codespace en un repositorio en GitHub.\n\n> \\[!NOTE]\n> Si un codespace no publicado se factura actualmente a una organización, la publicación del codespace transfiere la propiedad y la facturación del codespace a tu cuenta personal. Consulta [facturación de GitHub Codespaces](/es/billing/concepts/product-billing/github-codespaces#how-costs-are-assigned-to-a-billable-account).\n\n### Publicación desde VS Code\n\nSi estás trabajando en un codespace, podrás publicarlo desde la aplicación de escritorio o el cliente web de VS Code.\n\n1. En la barra de actividad, haga clic en la vista **Control de código fuente**.\n\n   ![Captura de pantalla de la barra de actividad de VS Code con el botón Control de código fuente resaltado con un contorno naranja.](/assets/images/help/codespaces/source-control-activity-bar-button.png)\n\n2. Para agregar los cambios al \"stage\", haz clic en **+** junto al archivo que hayas agregado o cambiado o junto a **Changes** si has cambiado varios archivos y quieres agregarlos todos al \"stage\".\n\n   ![Captura de pantalla de la barra lateral \"Control de código fuente\" con el botón de almacenamiento provisional (un signo más), a la derecha de \"Cambios\", resaltado con un contorno naranja oscuro.](/assets/images/help/codespaces/codespaces-commit-stage.png)\n\n   > \\[!NOTE]\n   > Si empiezas desde una plantilla en blanco de GitHub, no verás una lista de los cambios a menos que ya hayas inicializado el directorio como repositorio de Git. Para publicar codespaces creados a partir de la plantilla en blanco, haga clic en **Publicar en GitHub** en la vista “Control de código fuente” y, luego, omita el paso 5.\n\n3. Para confirmar los cambios agregados al \"stage\", escribe un mensaje de confirmación en el que se describa el cambio realizado y, a continuación, haz clic en **Confirmar**.\n\n   ![Captura de pantalla de la barra lateral \"Control de código fuente\" con un mensaje de confirmación y, debajo, el botón \"Confirmar\" resaltado con un contorno naranja oscuro.](/assets/images/help/codespaces/vscode-commit-button.png)\n\n4. Haz clic en **Publicar rama**.\n\n   ![Captura de pantalla de la barra lateral \"Control de código fuente\" que muestra el botón \"Publicar rama\".](/assets/images/help/codespaces/vscode-publish-branch-button.png)\n\n5. En la lista desplegable \"Nombre del repositorio\", escribe un nombre para el nuevo repositorio y selecciona **Publicar en el repositorio privado GitHub** o **Publicar en el repositorio público GitHub** .\n\n   ![Captura de pantalla de la lista desplegable de nombre de repositorio en VS Code. Se muestran dos opciones para publicar en un repositorio privado o público.](/assets/images/help/codespaces/choose-new-repository.png)\n\n   El propietario del nuevo repositorio será la cuenta GitHub con la que creaste el codespace.\n\n6. También puedes hacer clic en **Abrir en GitHub** en el elemento emergente que aparece en la esquina inferior derecha del editor para ver el nuevo repositorio en GitHub.\n\n   ![Captura de pantalla de un mensaje de confirmación de un repositorio publicado con éxito, que muestra el botón \"Abrir en GitHub\".](/assets/images/help/codespaces/open-on-github.png)\n\nCuando se publica un codespace, tienes acceso a una mayor variedad de opciones para personalizar tu experiencia de GitHub Codespaces. Por ejemplo, puede:\n\n* Cambiar el tipo de máquina del codespace para asegurarse de que se usan los recursos adecuados para el trabajo que se está realizando (consulte [Cambiar el tipo de máquina de tu codespace](/es/codespaces/customizing-your-codespace/changing-the-machine-type-for-your-codespace)).\n* Permitir que GitHub use GPG automáticamente para firmar confirmaciones que se realicen en el codespace (consulte [Administración de la comprobación de GPG para GitHub Codespaces](/es/codespaces/managing-your-codespaces/managing-gpg-verification-for-github-codespaces)).\n* Compartir secretos con su codespace (consulte [Administración de secretos específicos de la cuenta para GitHub Codespaces](/es/codespaces/managing-your-codespaces/managing-your-account-specific-secrets-for-github-codespaces)).\n\n### Publicación a través de GitHub\n\nPuede publicar un codespace no publicado en la página \"Your codespaces\" (\"Sus codespaces\") en GitHub. Esto resulta útil si deseas publicar un codespace que no tienes abierto actualmente en el explorador. Si lo haces, el trabajo se conservará en un repositorio, pero no habrá un vínculo entre el codespace existente y el nuevo repositorio. Sin embargo, puedes ir al nuevo repositorio y crear un codespace desde allí, y este codespace estará conectado al repositorio.\n\n1. En la esquina superior izquierda de GitHub, selecciona <svg version=\"1.1\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" class=\"octicon octicon-three-bars\" aria-label=\"Open global navigation menu\" role=\"img\"><path d=\"M1 2.75A.75.75 0 0 1 1.75 2h12.5a.75.75 0 0 1 0 1.5H1.75A.75.75 0 0 1 1 2.75Zm0 5A.75.75 0 0 1 1.75 7h12.5a.75.75 0 0 1 0 1.5H1.75A.75.75 0 0 1 1 7.75ZM1.75 12h12.5a.75.75 0 0 1 0 1.5H1.75a.75.75 0 0 1 0-1.5Z\"></path></svg> y luego haz clic en **<svg version=\"1.1\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" class=\"octicon octicon-codespaces\" aria-label=\"codespaces\" role=\"img\"><path d=\"M0 11.25c0-.966.784-1.75 1.75-1.75h12.5c.966 0 1.75.784 1.75 1.75v3A1.75 1.75 0 0 1 14.25 16H1.75A1.75 1.75 0 0 1 0 14.25Zm2-9.5C2 .784 2.784 0 3.75 0h8.5C13.216 0 14 .784 14 1.75v5a1.75 1.75 0 0 1-1.75 1.75h-8.5A1.75 1.75 0 0 1 2 6.75Zm1.75-.25a.25.25 0 0 0-.25.25v5c0 .138.112.25.25.25h8.5a.25.25 0 0 0 .25-.25v-5a.25.25 0 0 0-.25-.25Zm-2 9.5a.25.25 0 0 0-.25.25v3c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25v-3a.25.25 0 0 0-.25-.25Z\"></path><path d=\"M7 12.75a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75Zm-4 0a.75.75 0 0 1 .75-.75h.5a.75.75 0 0 1 0 1.5h-.5a.75.75 0 0 1-.75-.75Z\"></path></svg> Codespaces** para ir hasta la página \"Your codespaces\" en [github.com/codespaces](https://github.com/codespaces).\n\n2. Junto al codespace no publicado, haz clic en los puntos suspensivos ( **...** ) y selecciona **Publicar en un nuevo repositorio**.\n\n   ![Captura de pantalla del menú desplegable de un codespace, en la que se muestra la opción \"Publicar en un nuevo repositorio\".](/assets/images/help/codespaces/publish-to-new-repository.png)\n\n3. Elige un nombre para el nuevo repositorio, establécelo como **Público** o **Privado** y haz clic en **Crear repositorio**.\n\n   ![Captura de pantalla de la lista desplegable \"Publicar en un nuevo repositorio\", con el campo \"Nombre\", las opciones \"Pública\" y \"Privada\" y el botón \"Crear repositorio\".](/assets/images/help/codespaces/template-new-repository-settings.png)\n\n4. Opcionalmente, para ver el nuevo repositorio, haz clic en **Ver repositorio**.\n\n## Información adicional\n\n* [Creación de un codespace para un repositorio](/es/codespaces/developing-in-a-codespace/creating-a-codespace-for-a-repository)\n* [Ciclo de vida de un codespace](/es/codespaces/about-codespaces/understanding-the-codespace-lifecycle)\n* [Utilizar el control de código fuente en tu codespace](/es/codespaces/developing-in-a-codespace/using-source-control-in-your-codespace)"}