Sincroniza tus extensiones de Visual Studio Code para tus direrentes dispositivos

Si usa Visual Studio Code (VS Code) como su editor de código principal, es posible que haya notado que sus complementos y configuraciones instalados no se sincronizan automáticamente entre dispositivos. Esto puede ser frustrante si trabaja en varios dispositivos y tiene que instalar y configurar manualmente sus complementos en cada dispositivo.

Afortunadamente, existe una forma de sincronizar los complementos y la configuración de VS Code en todos los dispositivos mediante la extensión "Settings Sync"

settings sync


Requisitos previos para sincronizar tus dispositivos

La configuración del editor de texto la debemos guardar en la nube y para esto se puede usar github o su cuenta de Microsoft, además de esto es necesario instalar la extensión de Settings Sync una vez realizado esto procederemos a realizar la copia de nuestra configuración.

Sincronizar usando una cuenta de Microsoft

Así es como puedes hacerlo:

  1. Instale la extensión "Settings Sync" en VS Code. Puede hacerlo abriendo el panel de extensiones (Ctrl + Shift + X en Windows), buscando "Settings Sync" y haciendo clic en "Instalar".
  2. Una vez instalada la extensión, haga clic en el botón "Sign in to Sync" en la esquina inferior derecha de la pantalla. Esto abrirá una nueva pestaña en su navegador predeterminado y le pedirá que inicie sesión con su cuenta de Microsoft.
  3. Después de iniciar sesión, se le pedirá que conceda acceso a su configuración y extensiones. Haga clic en "Aceptar" para continuar.
  4. De vuelta en VS Code, haga clic en el botón "Upload Settings" para cargar su configuración y extensiones actuales a la nube. Esto creará una copia de su configuración actual y la almacenará en la nube.

Sincronizar usando una cuenta de Github

  1. Instale la extensión "Settings Sync" en VS Code. Puede hacerlo abriendo el panel de extensiones (Ctrl + Shift + X en Windows), buscando "Settings Sync" y haciendo clic en "Instalar".
  2. Una vez instalada, debes ir a tu navegador e iniciar sesión con GitHub, una vez hecho esto debes ir a la sección de your gist y crear uno nuevo.
  3. Cuando ya tengas tu Gist creado regresa a visual studio code y en la extensión dale clic a iniciar sesión con GitHub, esto te abrirá una pestaña del navegador y te pedirá los permisos necesarios 
setting syncs login

 Una vez que hayas concedido los permisos necesarios, te dirá que ya puedes cerrar la venta y regresar a vscode, ahí te mostrara una pantalla con tus diferentes gist, selecciona el que hayas generado, esto lo que hará es guardar el id del Gist seleccionado.  
settings sync

Ahora vamos a subir la configuración al Gist que acabamos de crear, para esto presiona Ctrl + Shift + P en Windows y busca: "sync: upload" y dale clic.Acepta la sincronización de la ventana emergente y se comenzará a subir la configuración al Gist, una vez que esta termine podrás visualizarla directamente en GitHub, se ve algo así: 
configuracion settings syncs

Ahora sincroniza tus dispositivos 

En sus otros dispositivos, instale la extensión "Settings Sync" e inicie sesión con la misma cuenta de Microsoft o GitHub según sea el caso.

Una vez que haya iniciado sesión, haga clic en el botón "Download Settings" o  presiona Ctrl + Shift + P en Windows y busca: "sync: Download Settings" y dale clic, esto instalará todas sus extensiones y aplicará su configuración en el otro dispositivo.

settings sync download

A partir de ahora, cualquier cambio que realice en sus extensiones o configuraciones en un dispositivo se sincronizará automáticamente con los otros dispositivos. También puede cargar y descargar manualmente su configuración en cualquier momento haciendo clic en el botón correspondiente en la extensión.

El uso de la extensión "Settings Sync" puede ahorrarle mucho tiempo y esfuerzo cuando trabaja en varios dispositivos. Es una manera conveniente de garantizar que su entorno de desarrollo sea consistente en todos sus dispositivos y puede ayudarlo a ser más productivo.