Ejercicio: Exploración de Sincronización de configuración

Completado

En este ejercicio, activará Sincronización de configuración y explorará cómo administrar los datos sincronizados y restaurar la configuración en una nueva máquina.

La capacidad de sincronizar la configuración es importante en escenarios de desarrollo remoto porque, al conectarse a un entorno remoto, la configuración de VS Code es diferente de la configuración de la máquina local. Al usar Sincronización de configuración, puede restaurar fácilmente la configuración en el entorno remoto.

Activar sincronización de configuración

  1. Seleccione el icono de perfil y, a continuación, seleccione Configuración de copia de seguridad y sincronización.

    Captura de pantalla del comando de menú Copia de seguridad y configuración de sincronización en Visual Studio Code.

  2. En el cuadro de diálogo Sincronización de configuración , acepte las selecciones predeterminadas y seleccione Iniciar sesión.

  3. Seleccione GitHub o Microsoft como proveedor de cuentas e inicie sesión con las credenciales de la cuenta.

  4. Complete el flujo de autorización para iniciar sesión completamente en Configuración de sincronización en VS Code.

Visualización de datos sincronizados

  1. Abra la paleta de comandos seleccionando la tecla F1 y, a continuación, seleccione Sincronización de configuración: Mostrar datos sincronizados.

  2. Confirme que puede ver cada grupo de configuraciones que tenía personalizaciones en la máquina. También puede ver la última vez que cada una de estas configuraciones se ha sincronizado con la nube.

    Captura de pantalla de la vista de actividad de sincronización de configuraciones en Visual Studio Code.

Otra manera de ver el estado de Sincronización de configuración consiste en ver el registro de sincronización de configuración.

Realización de un cambio en la configuración

  1. Para abrir la configuración de usuario, seleccione Preferencias: Abra Configuración de usuario en la paleta de comandos.

  2. En el cuadro de búsqueda, escriba la barra de actividad.

  3. Cambie la configuración Barra de actividad de Workbench: Ubicación a la parte superior.

    Captura de pantalla de las opciones de ubicación de la barra de actividades en la configuración de Visual Studio Code.

  4. Confirme que la barra de actividad aparece en la parte superior de la barra lateral, no junto a ella.

    Captura de pantalla de la barra de actividades ubicada en la parte superior de la barra lateral de Visual Studio Code.

  5. Seleccione el icono Extensiones en la barra de actividades.

    Captura de pantalla del icono extensión de la barra de actividades en Visual Studio Code.

  6. Busque e instale la extensión Dev Containers.

Configuración de sincronización

De manera predeterminada, VS Code sincroniza automáticamente la configuración siempre que realice cambios de configuración. Pero puede sincronizar manualmente la configuración en cualquier momento.

Abra la paleta de comandos seleccionando la tecla F1 y, a continuación, seleccione Sincronización de configuración: Sincronizar ahora.

Este comando sincronizar la configuración con la nube. Puede comprobar que la configuración se ha sincronizado si vuelve a abrir la vista de actividad de Sincronización de configuración.

Captura de pantalla de la vista de actividad de sincronización de las configuraciones en VS Code con las carpetas Extensiones y Estado de la Interfaz de Usuario resaltadas.

Restauración de la configuración en una nueva máquina

En esta sección, restaurará la configuración en una nueva máquina. Para este ejercicio, usará Visual Studio Code para la Web (vscode.dev). Esta experiencia gratuita de VS Code sin instalación se ejecuta completamente en el explorador, por lo que puede examinar de forma rápida y segura los repositorios de código fuente y realizar cambios ligeros en el código. Para más información sobre VS Code para web, consulte la documentación.

Como VS Code para la web es un entorno ligero que puede usar para editar rápidamente archivos en un explorador, no todas las extensiones funcionan en este entorno.

  1. Abra una nueva pestaña del explorador y vaya al sitio de vscode.dev.
  2. Seleccione el icono de perfil y, a continuación, seleccione Configuración de copia de seguridad y sincronización.
  3. En el cuadro de diálogo Sincronización de configuración , acepte las selecciones predeterminadas y seleccione Iniciar sesión.
  4. Seleccione GitHub o Microsoft como proveedor de cuentas e inicie sesión con las credenciales de la cuenta.
  5. Complete el flujo de autorización para iniciar sesión completamente en Configuración de sincronización en VS Code.

El editor ahora está configurado con la misma configuración que la máquina local. Puede comprobar que la configuración se ha sincronizado si vuelve a abrir la vista de actividad de Sincronización de configuración. Observará que el perfil que ha creado en el ejercicio anterior ahora está disponible en el editor basado en el explorador.

En este ejercicio, ha obtenido información sobre cómo activar Sincronización de configuración y restaurar la configuración en una nueva máquina. En el ejercicio siguiente, aprenderá a combinar entornos remotos para una experiencia de desarrollo remoto personalizada.