Settings Sync - Backup e Sincronização das configurações do VS code

O que é o Settings Sync ?

Settings Sync é uma extensão do Visual Studio Code que permite realizar o backup e sincronização das suas configurações na ferramenta. Desenvolvida por Shan Ali Khan, atualmente está na versão 3.2.2 e possui mais 2 milhões de instalações.

Basicamente o Setting Sync, salva a lista de extensões que está utilizando e a pasta completa de configurações do usuário. Assim que montamos nosso ambiente com configurações pessoais e extensões que utilizamos, a ferramenta se torna muito útil para fazer um backup de todo o ambiente e replica-lo com facilidade. Como ele utilizar o gist para salvar essas informações, de quebra, teremos um controle de versão de todas essas configurações.

Quais arquivos são sincronizados?

Todas as extensões e a pasta completa de configurações do usuário que contém

  • Arquivos de Configurações
  • Arquivos de atalhos(Keybinding)
  • Launch File(Debug)
  • Pasta de Snippets
  • Extensões VSCode e configurações das extensões
  • pastas Workspaces

Como Instalar?

Com o VS Code aberto, vá até o menu de extensões, na barra de pesquisa digite Setting Sync, clique na extensão e logo depois, no botão install. Aguarde a instalação e reinicie o VS code para que a extensão seja ativada.

Você tambem pode installar a extensão através do Quick Open. Tecle o atalho Ctrl+P, cole o comando abaixo no menu aberto e tecle enter:

ext install Shan.code-settings-sync

Configurando

Antes de utilizarmos as funcionalidades da extensão, precisamos configurar um Personal Access Token no Github para que a extensão possa acessar o gist. Siga os passos a seguir:

Logado em sua conta no Github, acesse a opção Settings > Developer settings > Personal access tokens, digite a senha da sua conta, caso seja solicitado e clique na opção Generate New Token.

passo1

Coloque uma descrição para identificar seu token, marque o checkbox “gist” e clique em Generate Token.

passo2

Copie e guarde o codigo do Token, sempre que precisar de configurar a extensão, vai ser necessário este Token. Você pode resgata-lo a qualquer momento novamente através da opção Settings > Developer settings > Personal access tokens.

passo3

Upload das suas configurações

Através do Command Palette, pesquise pela opção:

>Sync: update / Upload Settings

Esta opção envia todas as suas citadas para o gist, quando utilizada pela primeira vez, vai ser solicitado o seu Token do github gerado no passo acima, coloque o token e aperte Enter:

passo3

Neste momento, através do Token fornecido, a extensão vai criar um gist com os arquivos de configuração e vai ter dar um GistID na menssagem de sucesso. O Gist ID é necessário para acessar os dados que você enviou com o seu token. Copie este Gist ID para baixar as configurações para outras máquinas.

passo4

Você pode verificar o gist criado com a url:

gist.github.com/{userName}/{gist_id}

Pronto! Suas configurações atuais estão guardadas no gist, sempre que realizar novas configurações no VS Code, va no Command Palette e utilize a “Sync: update / Upload Settings” que suas novas configurações vão ser registradas no git.

Este gif abaixo contempla toda essa configuração para que não fique dúvidas:

upload_process

Download das suas configurações

Sempre que precisar fazer o download das suas configurações, através do Command Palette, pesquise pela opção:

>Sync: Donwloading Settings

Esta opção faz o download de todas as configurações que estavam salvas no gist, quando utilizada pela primeira vez, vai ser solicitado o seu Token do github e o GistID. O token e o gist precisam ser exatamente os mesmos utilizados e gerados através da configuração acima.

Coloque o token e aperte Enter:

passo1

Coloque o GistID e aperte Enter:

passo2

As configurações vão ser baixadas e o extensões instaladas.

passo3

Pronto! Suas configurações que estavam guardadas no gist serão baixadas para o seu VS Code, sempre que tiver novas configurações no gist e desejar atualizar, va no Command Palette e utilize a “Sync: Download Settings”.

Este gif abaixo contempla toda essa configuração para que não fique dúvidas:

upload_process

Para mais informações e outras opções sobre a extensão, acesso o link: github.com/shanalikhan/code-settings-sync

comments powered by Disqus