Introducción
Copilot le permite crear una nueva aplicación completa desde cero, agregar características o modificar la interfaz de usuario, sin escribir una línea de código usted mismo. Puede trabajar con Copilot, escribiendo indicaciones en la vista de chat—mediante la inteligencia artificial como su socio de programación—y dejar toda la codificación real a Copilot.
En este tutorial, trabajará de esta manera, en VS Code o en un IDE de JetBrains, para crear una aplicación web de seguimiento de tiempo personal.
Este método funciona bien para desarrollar una prueba de concepto, crear un borrador de una aplicación que va a desarrollar con un enfoque más convencional para el desarrollo de software o crear aplicaciones para su propio uso personal.
Nota:
Las respuestas que se muestran en este artículo son ejemplos. chat de Copilot las respuestas son no deterministas, por lo que puede obtener respuestas diferentes de las que se muestran aquí.
¿Para quién es este tutorial?
-
**Estudiante:** Está aprendiendo a crear aplicaciones de software. Puede aprender mucho de trabajar con Copilot y ver cómo implementa sus solicitudes. -
**No desarrollador:** Es administrador de productos o trabaja en otro rol fuera de un equipo de ingeniería. Quiere crear rápidamente una aplicación de prueba de concepto para demostrar alguna funcionalidad determinada. Le preocupa principalmente la experiencia del usuario, en lugar de los detalles del código. -
**Individual:** Quiere crear una aplicación para proporcionar alguna funcionalidad útil que le ayude en su trabajo diario o en la vida doméstica. La aplicación se ejecutará localmente en tu equipo y solo la usarás tú, por lo que no te preocupa demasiado cómo se ha escrito el código.
Este tutorial no está pensado para desarrolladores experimentados con una práctica establecida de escribir código en un editor. Los desarrolladores experimentados usarán Copilot de una manera diferente, como herramienta para resolver problemas y aumentar la productividad. En este tutorial, trabajaremos en el chat y dejaremos que Copilot haga todo el trabajo en el editor.
¿Cuánto tardará esto?
Hay muchas variables que pueden afectar al tiempo que puede tardar en completar este tutorial. Sin embargo, debe permitir al menos dos horas. En cualquier momento puede volver a él más adelante, retomando desde donde se dejó en la misma conversación en chat de Copilot.
Prerrequisitos
Antes de comenzar, debe tener lo siguiente:
- Un plan deGitHub Copilot suscripción.
- Uno de estos IDE:
- Visual Studio Code
- Cualquier IDE de JetBrains que admita Copilot, con la GitHub Copilot extensión para JetBrains instalada. Consulta Instalación de la extensión GitHub Copilot en su entorno.
- Alguna experiencia de usar chat de Copilot en Visual Studio Code o en JetBrains. Si nunca ha usado chat de Copilot antes, consulte Hacer preguntas a GitHub Copilot en tu IDE.
Preparación
Crearemos una aplicación de seguimiento de tiempo en un nuevo GitHub repositorio.
-
En el GitHub sitio web, crea un nuevo repositorio privado para tu aplicación, incluyendo un archivo README inicial. Consulte Creación de un nuevo repositorio.
-
Clona una copia del repositorio en tu máquina local. Consulte Clonación de un repositorio.
-
En la copia local del repositorio, cree una nueva rama en la que trabajar.
Por ejemplo, en un terminal, use el comando :
Bash git checkout -b BRANCH-NAME
git checkout -b BRANCH-NAME
Investigación con Copilot
-
En VS Code o en el IDE de JetBrains, abra el directorio del repositorio como un nuevo proyecto o espacio de trabajo.
-
Cierre las pestañas del editor que estén abiertas actualmente.
Trabajar en un proyecto o área de trabajo vacíos, sin pestañas del editor abiertas, impide que Copilot sea influenciado por cualquier código o información de esas pestañas.
-
Abra una ventana de terminal en el IDE.
-
Abra chat de Copilot y compruebe, en la parte inferior de la vista de chat, que Ask es el modo de chat seleccionado actualmente. Si no lo está, seleccione Preguntar en la lista desplegable del modo de chat.

-
Elija un modelo de la lista desplegable de modelos.
Nota:
Las respuestas a las que se hace referencia en este tutorial se recibieron al usar Claude Sonnet 4.5. Otros modelos responderán de forma diferente, pero debe obtener resultados aproximadamente similares. Claude Sonnet 4.5 es una buena opción, si está disponible, ya que proporciona comentarios útiles en la vista de chat, explicando lo que está haciendo y dando resúmenes detallados cuando ha terminado de codificar.
Si Claude Sonnet 4.5 no está disponible, establezca el modelo en Auto o seleccione un modelo de su elección.
-
Escriba este mensaje en el chat:
Copilot prompt I need to keep a daily log of what I've spent my time on. I want to build a time-tracking application to help me do this. Throughout the day I want to use the app to record what I'm working on as I move between tasks. At the end of the day it should show me the total time I've spent on each item. What are the typical features of such an app? What do I need to consider when building this app?
I need to keep a daily log of what I've spent my time on. I want to build a time-tracking application to help me do this. Throughout the day I want to use the app to record what I'm working on as I move between tasks. At the end of the day it should show me the total time I've spent on each item. What are the typical features of such an app? What do I need to consider when building this app?Copilot responde con detalles para responder a sus preguntas. -
Considere la respuesta de Copilot y solicite más información, si es necesario, para aclarar sus pensamientos sobre su aplicación.
Por ejemplo, puede preguntar:
Copilot prompt Data storage: the application will run locally on my laptop. What's the best way to persistently store data so that I'll have access to historic time-tracking data? Data structure: How should I structure the data for this application? There will be tasks and projects. Each chunk of time will be associated with a task and some, but not all, tasks will be associated with projects. I will want to see totals for: each task, each project, each task per project.
Data storage: the application will run locally on my laptop. What's the best way to persistently store data so that I'll have access to historic time-tracking data? Data structure: How should I structure the data for this application? There will be tasks and projects. Each chunk of time will be associated with a task and some, but not all, tasks will be associated with projects. I will want to see totals for: each task, each project, each task per project. -
Continúe haciendo preguntas en la misma conversación de chat para crear una idea más clara de la aplicación que desea compilar.
Mantenga abierta la conversación de chat, ya que Copilot lo usará en la siguiente serie de pasos.
Planificación de la implementación
Ahora puede empezar a planear una implementación inicial de la aplicación. Es una buena idea comenzar con una versión inicial de la aplicación sobre la cual puedas iterar. Esto facilita el funcionamiento de la funcionalidad fundamental antes de agregar características.
-
En la misma chat de Copilot conversación que usó en la sección anterior, cambie del Modo Pregunta al Modo Plan seleccionando Plan en la lista desplegable de modo de chat ubicada en la parte inferior de la vista de chat.
-
Escriba este mensaje:
Copilot prompt I want to build a time-tracking application that allows me to keep track of how much time I spend on tasks during my working day. This should be a web app that runs locally on my computer. Plan the implementation of a basic, initial version of this application. This first version should allow me to: - Add, edit and delete projects and tasks - each a name with a maximum of about 50 characters - Quickly click to select a project and task and record the start time - Click another task to stop the current timer, recording the stop time, and recording the start time for the new task - Pause/resume/end the current task - Display the totals of times I have spent on each: task, project, and task per project. Time is always recorded for a specific task. A task can optionally be associated with a project. Store data for each day, but for this version do not include any user interface or functionality for looking at historical data, or compiling statistics. The initial version of the application should be limited to today's time tracking. Notes: - Tasks never overlap - Time should be accurate to the minute by recording the day, hour, minute tasks are started and stopped and calculating the duration from this - Design the web UI for display on a desktop monitor - Keep things very simple for the initial version. Do not add any other features not mentioned in this prompt
I want to build a time-tracking application that allows me to keep track of how much time I spend on tasks during my working day. This should be a web app that runs locally on my computer. Plan the implementation of a basic, initial version of this application. This first version should allow me to: - Add, edit and delete projects and tasks - each a name with a maximum of about 50 characters - Quickly click to select a project and task and record the start time - Click another task to stop the current timer, recording the stop time, and recording the start time for the new task - Pause/resume/end the current task - Display the totals of times I have spent on each: task, project, and task per project. Time is always recorded for a specific task. A task can optionally be associated with a project. Store data for each day, but for this version do not include any user interface or functionality for looking at historical data, or compiling statistics. The initial version of the application should be limited to today's time tracking. Notes: - Tasks never overlap - Time should be accurate to the minute by recording the day, hour, minute tasks are started and stopped and calculating the duration from this - Design the web UI for display on a desktop monitor - Keep things very simple for the initial version. Do not add any other features not mentioned in this promptCopilot responde con algo parecido a:
Plan: Desarrollar una aplicación web de seguimiento de tiempo
Una aplicación web de página única para seguir el tiempo de las tareas diarias usando vanilla HTML/CSS/JavaScript con localStorage. La aplicación muestra proyectos o tareas en una barra lateral, muestra un temporizador activo y calcula los totales diarios por tarea y project.
Steps
**Crear estructura del proyecto** con `index.html`, `styles.css`, `app.js` y `storage.js` para una aplicación JavaScript autocontenida estándar**Implementar la capa de almacenamiento de datos** en `storage.js` utilizando localStorage con colecciones para `projects`, `tasks` y `timeEntries`, incluidas las operaciones CRUD y la generación de identificadores**Construir la estructura HTML** en `index.html` con tres secciones principales: barra lateral izquierda para la gestión de proyectos/tareas, panel central para el temporizador activo y los controles (iniciar/pausar/reanudar/detener) y panel derecho para los totales diarios.**Implemente la lógica del temporizador principal** en la selección de tareas de control de `app.js` (detención automática del anterior e inicio automático del nuevo), acciones de pausar, reanudar y detener, y cálculos de tiempo con precisión de minutos para el almacenamiento de `{ taskId, startTime, endTime, duration }`**Crear funciones de renderizado de interfaces de usuario** en `app.js` para listas de proyectos/tareas con opciones de edición/eliminación en línea, visualización de temporizador activo con actualizaciones en tiempo real, y un panel de totales que agrega por tarea, proyecto, y tareas por proyecto.**Aplicar estilo a la interfaz** en `styles.css` con el diseño de tres columnas optimizado para entornos de escritorio, claros estados visuales de temporizadores activos o pausados y formularios sencillos para agregar o editar proyectos y tareasConsideraciones adicionales
**Gestión de fechas** — Almacene todos los tiempos como cadenas ISO y filtre las entradas por la fecha de hoy (`YYYY-MM-DD`). ¿El límite del día debe ser medianoche o una hora personalizada (por ejemplo, 4 a.m. para los trabajadores nocturnos)?**Formato de presentación del temporizador** : mostrar el tiempo transcurrido como `HH:MM` o `H hours M minutes`? ¿Actualiza cada segundo o cada minuto?**Tareas sin asignar** : ¿Cómo mostrar tareas sin proyectos en la interfaz de usuario? ¿Debe la sección 'No Project' estar separada en la parte superior o inferior de la barra lateral, o combinada alfabéticamente?
-
Responda a las preguntas Copilot "Consideraciones adicionales" planteadas. Por ejemplo, puedes responder con esta indicación:
Copilot prompt - Date handling: only consider the local date. This app is only going to be used by one person in one timezone. Set the day boundary to 4 am. - Time display: Show elapsed time as HH:MM. Don't track seconds. - Unassigned tasks: I've changed my mind. All tasks should be associated with a project, but there should be a built-in project called "No Project" (which the user can't delete or rename). All tasks should be associated with this project until the user chooses another project. If the user is changing tasks for the same project then they should be able to do this with one click (assuming the new task has already been defined). If they are doing the same task but for a different project, this should also be possible to change with one click (assuming the new project is already defined). If they want to track time for a different task in a different project then they should be able to do this with 2 clicks.
- Date handling: only consider the local date. This app is only going to be used by one person in one timezone. Set the day boundary to 4 am. - Time display: Show elapsed time as HH:MM. Don't track seconds. - Unassigned tasks: I've changed my mind. All tasks should be associated with a project, but there should be a built-in project called "No Project" (which the user can't delete or rename). All tasks should be associated with this project until the user chooses another project. If the user is changing tasks for the same project then they should be able to do this with one click (assuming the new task has already been defined). If they are doing the same task but for a different project, this should also be possible to change with one click (assuming the new project is already defined). If they want to track time for a different task in a different project then they should be able to do this with 2 clicks.Copilot puede responder con más preguntas para su consideración. -
Puede responder a algunas o todas las preguntas, o bien, si cree que el plan tiene suficientes detalles, puede ir directamente a la siguiente fase.
CopilotLas respuestas son no deterministas, por lo que las preguntas que formula variarán, pero supongamos que su respuesta incluye estas preguntas:**Nuevo proyecto predeterminado de tareas**: al agregar una nueva tarea sin especificar proyecto, ¿asignar a "Sin Proyecto" o al proyecto activo o seleccionado actualmente? Recomendado: proyecto actualmente seleccionado/activo con "No Project" como alternativa.**Caso límite de precisión del temporizador**: si el usuario cambia las tareas en el mismo minuto (por ejemplo, 10:30:15 a 10:30:45), ¿debe crearse una entrada de 0 minutos u omitirse? Recomendación: omita y trate como conmutador inmediato sin registro.Puede decidir responder a estas preguntas escribiendo la solicitud:
Copilot prompt New task default project - When adding a new task without actively specifying a project, use the currently selected/active project with "No Project" as the default when the user has not actively selected any other project. Timer precision edge case - If user switches or ends tasks within the same minute as the start time then delete this entry. Only time entries of more than one minute should be recorded.
New task default project - When adding a new task without actively specifying a project, use the currently selected/active project with "No Project" as the default when the user has not actively selected any other project. Timer precision edge case - If user switches or ends tasks within the same minute as the start time then delete this entry. Only time entries of more than one minute should be recorded. -
Continúe iterando si cree que hay más preguntas que necesitan responder.
-
Mantenga abierta la conversación de chat, ya que Copilot lo usará en la siguiente serie de pasos.
Compilación de la aplicación con Agente en la nube de Copilot
Cuando cree que el plan contiene suficientes detalles:
-
Haga clic en Iniciar implementación en la chat de Copilot vista.
Según su IDE, esto iniciará el agente inmediatamente, o bien, se añadirá "Iniciar implementación" como mensaje que deberá enviar.
Observe que el modo de chat cambia de "Plan" a "Agent".
-
Copilot solicitará permiso para realizar acciones como editar archivos confidenciales, ejecutar comandos o agregar archivos a Git.* En VS Code: haga clic en Permitir.

Como alternativa, haga clic en la flecha del botón Permitir y haga clic en Permitir en esta sesión en el menú desplegable.
-
**En JetBrains:**-
Cuando se le pregunte si desea agregar un archivo a Git, active la casilla No preguntar de nuevo y haga clic en Agregar.
-
Cuando se le pregunte sobre cómo ejecutar un comando, haga clic en Continuar.

Copilot comenzará a implementar una versión inicial de la aplicación.
-
-
-
Si Copilot finaliza su respuesta sin completar la instalación, o si Copilot parece haberse detenido, realice las siguientes acciones correctivas, según sea necesario:
-
**Componente que falta**Si Copilot dice que no puede continuar porque es necesario instalar un componente necesario (por ejemplo, Node.js), puede escribir un mensaje que pida Copilot que descargue e instale el componente que falta.
-
**El proceso tarda mucho tiempo**Algunos pasos pueden tardar varios minutos en completarse. Tenga paciencia y permita que el agente complete cada parte del proceso. Un icono de indicador giratorio animado indica que el agente está trabajando en ese momento en un comando.
Por ejemplo, en los IDE de JetBrains:

-
**Se requiere entrada**En ocasiones, Copilot ejecutará un comando que requiere alguna entrada manual.
Si Copilot parece que se ha detenido, compruebe la ventana de terminal del IDE para ver si un comando requiere una acción de usted. Copilot esperará a que escriba una respuesta en el terminal antes de continuar.
-
**Mensajes de error**Si recibe algún mensaje de error al desarrollar la aplicación, copie el mensaje de error en el cuadro de mensaje de chat y pida Copilot que corrija el problema.
Nota:
Es posible que tenga que iterar con Copilot de esta manera, pidiéndole que depure y corrija problemas, hasta que tenga una aplicación en funcionamiento que pueda ver en el explorador.
-
** Copilot Parece que la respuesta de Copilot está atascada**Si el icono de indicador giratorio se muestra en una respuesta, pero, después de esperar varios minutos, y después de comprobar que la entrada no es necesaria en el terminal, no sucede nada, puede detener y reiniciar la conversación.
Haga clic en el botón Cancelar situado en la parte inferior de la vista de chat. Por ejemplo, en VS Code:

A continuación, acceda a la ventana de símbolo del sistema:
Copilot prompt Your previous response stalled. Try again, picking up from where you left off.
Your previous response stalled. Try again, picking up from where you left off.
-
-
Normalmente, al final del proceso de codificación, Copilot solicitará su permiso para abrir una página web que no es de confianza para la aplicación:

Conceda su permiso para esto.
-
Cuando el agente termine de trabajar en la aplicación, mostrará un resumen de lo que creó en el panel de chat. Normalmente, proporcionará un vínculo a la aplicación en ejecución.
La aplicación de seguimiento de tiempo también se puede mostrar en una pestaña del explorador del IDE. Esto puede ser útil para confirmar que la página está disponible. Sin embargo, siempre debe comprobar la aplicación en el explorador predeterminado para comprobar una experiencia de usuario realista.
Haga clic en el vínculo del panel de chat para abrir la aplicación en el explorador predeterminado.
Si no se muestra un vínculo en Copilotla respuesta del chat, espere unos minutos, ya que el agente puede estar trabajando en la implementación de la aplicación. Si todavía no se muestra un vínculo, puede solicitar Copilot que muestre uno:
Copilot prompt Confirm the implementation is complete. If so, give me a link to the running application.
Confirm the implementation is complete. If so, give me a link to the running application. -
Si el mensaje final de Copilot proporciona instrucciones para iniciar la aplicación (por ejemplo, ejecutar
npm start), en lugar de proporcionar un vínculo a la aplicación en ejecución, puede solicitarle Copilot que ejecute el comando y compruebe que se completó correctamente. Por ejemplo:Copilot prompt Run npm start for me and confirm everything is working
Run npm start for me and confirm everything is workingSi Copilot no puede ejecutar todos los comandos en sí, le proporcionará comandos que puede copiar y pegar en el terminal.
Prueba de la aplicación
-
Vea la página web de la aplicación.
A continuación se muestran algunos ejemplos de una aplicación de seguimiento de tiempo creada por Copilot:


Nota:
La aplicación que Copilot genera para usted podría ser bastante diferente a los ejemplos mostrados anteriormente.
-
Pruebe a usar la aplicación. Agregue un par de proyectos y una selección de tareas y, a continuación, inicie el seguimiento de la hora en una tarea.
-
Al probar este primer borrador de la aplicación, tome nota de las dos o tres cosas más importantes que deben cambiarse. En los pasos posteriores, trabajarás para corregirlos. Por ahora, no dedique tiempo a anotar todo lo que quiere cambiar. Solo tiene que identificar las cosas más urgentes que deben corregirse primero. Tendrás tiempo para que todo funcione y tenga el aspecto que deseas más adelante en el proceso.
-
Si la aplicación no se carga o se muestra un error, describa el problema en el cuadro de mensaje del chat, copie y pegue los mensajes de error y pida Copilot que depure y corrija el problema.
-
Una vez que haya revisado el borrador inicial de la aplicación y establecido que se ejecuta de forma al menos rudimentaria, vuelva al IDE.
-
_ **Opcional**: si está familiarizado con el tipo de código que Copilot está escribiendo para usted._ Muestra los archivos que Copilot han cambiado en el editor y revisa los cambios. Si es necesario, puede realizar sus propios cambios. -
Haga clic en Mantener (en VS Code) o Aceptar todo (en los IDE de JetBrains), en la chat de Copilot vista, para aceptar los cambios y quitar las líneas de diferencias del editor.
Ahora tiene una versión base de la aplicación en la que puede iterar para mejorar y ampliar la funcionalidad y la interfaz de usuario.
-
Confirme los cambios en Git.
Siempre es una buena idea confirmar los cambios en cada iteración exitosa para que puedas volver fácilmente a una versión anterior si decides que no te gustan algunos cambios que Copilot ha realizado por ti.
-
Cierre cualquier pestaña del editor abierta, pero mantenga abierta la vista chat de Copilot, ya que seguirá trabajando en la misma conversación de chat.
Iteración sobre los cambios
-
Después de confirmar la versión inicial en Git, puede realizar un cambio en la aplicación, corrigiendo una de las cosas que anotó al revisar el sitio.
Por ejemplo, la implementación puede tener tareas vinculadas a un proyecto, de modo que una tarea creada para un proyecto no aparezca al seleccionar otro proyecto. Para cambiar esto, permitiéndole crear tareas que se pueden usar para cualquier proyecto, introduzca otra solicitud dentro de la misma conversación, mientras sigue en modo de agente para Copilot. Podría usar un indicador como:
Copilot prompt Tasks should not be tied to projects in the user interface, as they currently are. When the user selects a project, allow them to choose any currently defined task. There should be a many-to-many relationship between projects and tasks.
Tasks should not be tied to projects in the user interface, as they currently are. When the user selects a project, allow them to choose any currently defined task. There should be a many-to-many relationship between projects and tasks. -
De nuevo, Copilot es probable que le pida que apruebe los cambios que necesita realizar en el código. Haga clic en Aprobar o Continuar.
-
Una vez Copilot completado el cambio, vuelva al explorador y actualice la página.
-
Revise la aplicación revisada e indique Copilot si el cambio no se implementó correctamente.
Puede detectar más de una cosa que necesita corregir, pero para permitir Copilot centrarse en una cosa a la vez, debe restringir cada solicitud a una sola tarea e iterar en esto en una serie de mensajes y respuestas, según sea necesario, hasta que se corrija el problema. A continuación, pase a la siguiente cosa que desea cambiar.
-
Si hay un problema con el diseño de la página web (por ejemplo, elementos superpuestos o alineados mal), puede tomar una captura de pantalla, pegarlo en el chat y escribir un mensaje como:
Copilot prompt This part of the web page looks bad. Fix it.
This part of the web page looks bad. Fix it. -
Después de implementar un cambio satisfactoriamente, haga clic en Mantener o Aceptar todo y confirme los cambios.
-
_ **Opcional**:_ Dependiendo de sus prácticas de trabajo, por ejemplo, si trabaja en un equipo de desarrollo, puede decidir en este momento, y después de cada cambio significativo, crear un pull request. Esto le permitirá revisar y combinar los cambios en la rama predeterminada del repositorio para que otras personas puedan trabajar en el código. -
Continúe iterando en la aplicación.
Por ejemplo, puede que quiera proporcionar a la aplicación un estilo diferente de interfaz de usuario. En este caso, todavía en modo agente, podría preguntar Copilot:
Copilot prompt I don't like the look of the user interface. Suggest some alternative web UI libraries I could choose to give the app a more formal, business-like appearance.
I don't like the look of the user interface. Suggest some alternative web UI libraries I could choose to give the app a more formal, business-like appearance.Copilot enumerará algunas bibliotecas de interfaz de usuario. -
Elija una de las bibliotecas y pídale Copilot que la use. Por ejemplo:
Copilot prompt Alter the user interface to use Bootstrap 5. I want the app to look like a professionally designed business application.
Alter the user interface to use Bootstrap 5. I want the app to look like a professionally designed business application.Copilot volverá a trabajar la aplicación para usar la biblioteca de interfaz de usuario elegida. -
Compruebe los resultados y confirme los cambios si está satisfecho con el aspecto revisado de la aplicación.
-
Un requisito común para una aplicación de seguimiento de tiempo es la capacidad de generar la hoja de horas. Por ejemplo, si es contratista, puede que necesite enviar una hoja de horas junto con la factura. Así que vamos a agregar la capacidad de generar un PDF.
Utilice este indicador
Copilot prompt Add a button to the user interface which generates a PDF timesheet for the work the user has tracked today. The timesheet should show the total time spent on task for each of the defined project for which data has been recorded today. Under this show the total time spent on each project. Then show the total time spent on each task irrespective of projects. Finally show a chronological lists of tasks performed during the day with the time spent on each.
Add a button to the user interface which generates a PDF timesheet for the work the user has tracked today. The timesheet should show the total time spent on task for each of the defined project for which data has been recorded today. Under this show the total time spent on each project. Then show the total time spent on each task irrespective of projects. Finally show a chronological lists of tasks performed during the day with the time spent on each.
Aplicación de ejemplo
Después de trabajar con Copilot para compilar, ampliar y mejorar el seguimiento de tiempo, la aplicación podría tener un aspecto similar al siguiente:

Mejorando tu proyecto de software
-
Copilot puede ayudarle a hacer que el proyecto sea más sólido agregando y ejecutando pruebas. Las pruebas ayudan a evitar que los errores entren en el código base. Puede solicitar Copilot en modo de agente:Copilot prompt Add a comprehensive suite of tests for this application. These should include unit tests, integration tests, component tests, database tests, and end-to-end tests. Locate the tests in a `tests` directory. Run the tests and fix any problems that are identified.
Add a comprehensive suite of tests for this application. These should include unit tests, integration tests, component tests, database tests, and end-to-end tests. Locate the tests in a `tests` directory. Run the tests and fix any problems that are identified. -
Siempre es una buena idea tener un archivo LÉAME en su proyecto. El archivo LÉAME debe proporcionar una visión general sobre el proyecto y dar instrucciones para usar la aplicación. Puede pedir que Copilot cree o actualice el archivo LÉAME:
Copilot prompt Add or update a README.md file. This should provide an introduction to the application, describing its primary use and highlighting its features. It should give easy to follow user instructions for using the application in the browser. It should provide admin instructions, explaining how to deploy the application. Finally it should give an overview of the technologies used to build the application and some basic information for developers on how to maintain the code and extend the application.
Add or update a README.md file. This should provide an introduction to the application, describing its primary use and highlighting its features. It should give easy to follow user instructions for using the application in the browser. It should provide admin instructions, explaining how to deploy the application. Finally it should give an overview of the technologies used to build the application and some basic information for developers on how to maintain the code and extend the application. -
Ahora que ha agregado el código inicial de la aplicación al repositorio, debe agregar un archivo de instrucciones personalizado para Copilot. El archivo de instrucciones personalizadas mejora las Copilotrespuestas de un repositorio proporcionando instrucciones e preferencias de implementación específicas del repositorio. Para agregar un archivo de instrucciones personalizado:
-
**En VS Code:** haga clic en el icono de engranaje "Configurar chat", en la parte superior de la vista de chat y haga clic en **Generar instrucciones de chat**. -
**En los IDE de JetBrains:** en el modo agente de chat de Copilot, envíe un mensaje como:Copilot prompt Analyze this codebase and create or update `.github/copilot-instructions.md` to guide AI agents. Discover essential knowledge for immediate productivity: - Architecture: major components, service boundaries, data flows, and structural decisions - Developer workflows: builds, tests, debugging commands - Project conventions that differ from common practices - Integration points and cross-component communication Guidelines: - Merge intelligently if file exists - Write ~20-50 concise lines with markdown structure - Include specific codebase examples - Focus on THIS project's approaches, not generic advice - Document discoverable patterns, not aspirational patterns - Reference key files/directories that exemplify important patterns
Analyze this codebase and create or update `.github/copilot-instructions.md` to guide AI agents. Discover essential knowledge for immediate productivity: - Architecture: major components, service boundaries, data flows, and structural decisions - Developer workflows: builds, tests, debugging commands - Project conventions that differ from common practices - Integration points and cross-component communication Guidelines: - Merge intelligently if file exists - Write ~20-50 concise lines with markdown structure - Include specific codebase examples - Focus on THIS project's approaches, not generic advice - Document discoverable patterns, not aspirational patterns - Reference key files/directories that exemplify important patterns
-
-
Revise el archivo de instrucciones. Si cree que las instrucciones necesitan más detalles, puede agregarlas al archivo manualmente y guardarla. Por ejemplo, podría agregar una instrucción sobre la ejecución de pruebas, si el archivo aún no contiene una instrucción sobre esto:
Text ## Running tests Always run the complete test suite after completing a batch of code changes, to ensure the changes do not break or adversely affect any part of the application. Fix any test failures and then run the tests again to verify the fix.
## Running tests Always run the complete test suite after completing a batch of code changes, to ensure the changes do not break or adversely affect any part of the application. Fix any test failures and then run the tests again to verify the fix.
Pasos siguientes
- Continúe iterando en este proyecto, realizando mejoras en el seguimiento del tiempo.
- Con la misma metodología, cree otra aplicación.
- Obtenga información sobre otra manera de crear aplicaciones sin escribir el código usted mismo. Consulta Acerca de GitHub Spark.