Skip to main content

Acerca de utilizar visual Studio Code con GitHub Classroom

Puedes configurar Visual Studio Code como el editor preferido para las tareas de GitHub Classroom.

Acerca de Visual Studio Code

Visual Studio Code es un editor de código fuente ligero pero poderoso, el cual se ejecuta en tu escritorio y está disponible para Windows, macOS y Linux. Con la extensión de GitHub Clasroom para VS Code, los alumnos pueden buscar, editar, enviar, colaborar y probar sus tareas de las aulas fácilmente. Para obtener más información sobre los IDe y GitHub Classroom, consulta la sección "Integrar GitHub Classroom con un IDE".

El editor predilecto de tus alumnos

La integración con Github Classroom con VS Code proporciona a los estudiantes un paquete de extensiones, el cuál contiene:

  1. La Extensión de GitHub Classroom con abstracciones personalizadas que hacen más fácil que los alumnos naveguen en el inicio.
  2. La Extgensión de Visual Studio Live Share que se integra en una vista de alumnos para dar acceso fácil a los ayudantes para enseñar y a los compañeros de clase para ayudar y colaborar.
  3. La Extensión de GitHub Pull Request que permite a los alumnos ver la retroalimentación de sus instructores dentro del editor.

Cómo lanzar la tarea en VS Code

Cuando creas una tarea, puedes agregar a VS Code como el editor predeterminado para ella. Para obtener más detalles, consulta la sección "Integrar a GitHub Classroom con un IDE".

Esto incluirá una insignia de "Abierto en VS Code" en todos los repositorios de los alumnos. Esta insignia maneja la instalación de VS Code, el paquete de extensión del aula y la apertura para la tarea activa en un solo clic.

Nota: El alumno debe tener Git instalado en su computadora para subir código desde VS Code hacia su repositorio. Esto no se instala automáticamente al hacer clic en el botón Abrir en VS Code. El alumno puede descargar Git desde aquí.

Cómo utilizar el paquete de extensión de GitHub Classroom

La extensión de GitHub Classroom tiene dos componentes principales: la vista de 'Aulas' y la vista de 'Tarea Activa'.

Cuando el alumno lanza la extensión por primera vez, se le lleva automáticamente a la pestaña del explorador en VS Code, en donde podrán ver la vista de "Tarea activa" junto con la vista triple de los archivos en el repositorio.

Vista de Tarea Activa de GitHub Classroom

El alumno puede subir sus confirmaciones a la última versión del remoto si hace clic en el botón de sincronizar cambios que se muestra cuando pasas el puntero del mouse sobre la línea de "Tarea Activa". Esto abstrae el control del código fuente con Git, permitiendo que los instructores enseñen Git a su propio ritmo. El sincronizar los cambios también activa las "Pruebas" para que se ejecuten si un profesor configuró la autocalificación para la tarea.

El nodo de "Grupo" bajo la "Tarea Activa" mostrará a los miembros de un grupo si la tarea es un proyecto grupal. También mostrará a los miembros administrativos del repositorio que pueden ayudar cuando un estudiante se atore. Para colaborar en el proyecto, un alumno puede iniciar una sesión de Live Share con cualquiera en el nodo de grupo y compartirán todo el contexto del repositorio con ellos de inmediato. Puedes aprender más sobre Live Share y cómo colaborar con éste aquí.

Una vez que un alumno termina la tarea, también pueden navegar para ver otras tareas y aulas. Estas se pueden encontrar bajo la pestaña de GitHub.