docs/translations/es-ES/content/copilot/getting-started-with-github-copilot/getting-started-with-github-copilot-in-visual-studio-code.md

title, shortTitle, intro, product, versions, topics, ms.openlocfilehash, ms.sourcegitcommit, ms.translationtype, ms.contentlocale, ms.lasthandoff, ms.locfileid

title	shortTitle	intro	product	versions	topics	ms.openlocfilehash	ms.sourcegitcommit	ms.translationtype	ms.contentlocale	ms.lasthandoff	ms.locfileid
Introducción a GitHub Copilot en Visual Studio Code	Visual Studio Code	Aprende a instalar {% data variables.product.prodname_copilot %} en {% data variables.product.prodname_vscode %} y a empezar a ver sugerencias a medida que escribes comentarios y codificas.	{% data reusables.gated-features.copilot %}	feature copilot	Copilot	63c670a7cd5263057f79b7761a960854ecac2dd6	7fb7ec2e66	HT	es-ES	11/29/2022	148185142

{% data reusables.copilot.copilot-cta-button %}

Acerca de {% data variables.product.prodname_copilot %} y {% data variables.product.prodname_vscode %}

{% data reusables.copilot.procedural-intro %}

Si usas {% data variables.product.prodname_vscode %}, puedes ver e incorporar sugerencias de {% data variables.product.prodname_copilot %} directamente en el editor. En esta guía, se muestra cómo usar {% data variables.product.prodname_copilot %} en {% data variables.product.prodname_vscode %} para macOS, Windows o Linux.

Prerrequisitos

Para usar {% data variables.product.prodname_copilot %} en {% data variables.product.prodname_vscode %}, debes tener instalado {% data variables.product.prodname_vscode %}. Para más información, consulta la página de descarga de {% data variables.product.prodname_vscode %}.

Instalación de la extensión de {% data variables.product.prodname_vscode %}

Para usar {% data variables.product.prodname_copilot %}, primero debes instalar la extensión de {% data variables.product.prodname_vscode %}.

1. En {% data variables.product.prodname_vscode %} Marketplace, ve a la página Extensión de {% data variables.product.prodname_copilot %} y haz clic en Instalar.
2. Aparecerá una ventana emergente que te pedirá que abras {% data variables.product.prodname_vscode %}. Haz clic en Abrir {% data variables.product.prodname_vscode %} .
3. En la pestaña "Extensión: {% data variables.product.prodname_copilot %}" de {% data variables.product.prodname_vscode %}, haz clic en Instalar.
4. Si no autorizaste previamente a {% data variables.product.prodname_vscode %} en tu cuenta de {% data variables.product.prodname_dotcom %}, se te pedirá que inicies sesión en {% data variables.product.prodname_dotcom %} en {% data variables.product.prodname_vscode %}.
   • Si autorizaste previamente a {% data variables.product.prodname_vscode %} para tu cuenta en {% data variables.product.prodname_dotcom %}, {% data variables.product.prodname_copilot %} se autorizará automáticamente.
5. En el explorador, {% data variables.product.prodname_dotcom %} solicitará los permisos necesarios para {% data variables.product.prodname_copilot %}. Para aprobar estos permisos, haz clic en Autorizar {% data variables.product.prodname_vscode %} .
6. En {% data variables.product.prodname_vscode %}, en el cuadro de diálogo "{% data variables.product.prodname_vscode %}", haz clic en Abrir para confirmar la autenticación.

Visualización de tu primera sugerencia

{% data reusables.copilot.code-examples-limitations %}

{% data reusables.copilot.supported-languages %} Los ejemplos siguientes están en JavaScript, pero otros lenguajes funcionarán de manera similar.

{% data reusables.copilot.create-js-file %}

1. En el archivo de JavaScript, escriba el encabezado de función siguiente. {% data variables.product.prodname_copilot %} sugerirá automáticamente un cuerpo de función completo en texto atenuado, como se muestra a continuación. La sugerencia exacta puede variar.

function calculateDaysBetweenDates(begin, end) {

{% data reusables.copilot.accept-suggestion %}

Visualización de sugerencias alternativas

{% data reusables.copilot.alternative-suggestions %}

{% data reusables.copilot.create-js-file %}

1. En el archivo de JavaScript, escriba el encabezado de función siguiente. {% data variables.product.prodname_copilot %} mostrará una sugerencia.

function calculateDaysBetweenDates(begin, end) {

{% data reusables.copilot.see-alternative-suggestions %}

SO	Ver la siguiente sugerencia	Ver la sugerencia anterior
macOS	Opción (⌥) o Alt+]	Opción (⌥) o Alt+[
Windows	Alt+]	Alt+[
Linux	Alt+]	Alt+[

1. De manera alternativa, puedes mantener el puntero sobre la sugerencia para ver la paleta de comandos de {% data variables.product.prodname_copilot %} para elegir sugerencias. {% data reusables.copilot.accept-or-reject-suggestion %}

Visualización de varias sugerencias en una pestaña nueva

{% data reusables.copilot.suggestions-new-tab %}

{% data reusables.copilot.create-js-file %}

1. En el archivo de JavaScript, escriba el encabezado de función siguiente. {% data variables.product.prodname_copilot %} mostrará una sugerencia.

function calculateDaysBetweenDates(begin, end) {

1. Si quieres abrir una pestaña nueva con varias opciones adicionales, presiona Ctrl+Entrar.
2. Si quieres aceptar una sugerencia, haz clic en Aceptar solución encima de la sugerencia. Si quieres rechazar todas las sugerencias, cierra la pestaña.

Generación de sugerencias de código a partir de comentarios

{% data reusables.copilot.generating-suggestions-from-comments %}

{% data reusables.copilot.create-js-file %}

1. En el archivo de JavaScript, escribe el comentario siguiente. {% data variables.product.prodname_copilot %} sugerirá una implementación de la función.

   // find all images without alternate text
   // and give them a red border
   function process() {
   

Uso de un marco

También puedes usar {% data variables.product.prodname_copilot %} para generar sugerencias para API y marcos. En el ejemplo siguiente, se usa {% data variables.product.prodname_copilot %} para crear un servidor Express sencillo que devuelve la hora actual.

{% data reusables.copilot.create-js-file %}

1. En el archivo de JavaScript, escribe el comentario siguiente y, luego, presiona Entrar. {% data variables.product.prodname_copilot %} sugerirá una implementación de la aplicación Express.

   // Express server on port 3000
   

2. To accept each line, press Tab, then Enter.
3. Type the following comment and then press Enter. {% data variables.product.prodname_copilot %} will suggest an implementation for the default handler.

   // Return the current time
   

4. Para aceptar cada línea, presiona Tab.

{% data reusables.copilot.enabling-or-disabling-in-vsc %}

Información adicional

• {% data variables.product.prodname_copilot %}