Skip to content

Instantly share code, notes, and snippets.

@argentinaluiz
Created August 12, 2020 14:06
Show Gist options
  • Save argentinaluiz/5861961fbde88653b832ee752384447e to your computer and use it in GitHub Desktop.
Save argentinaluiz/5861961fbde88653b832ee752384447e to your computer and use it in GitHub Desktop.
VSCode - Guia para configuração do ambiente com Docker

VSCode - Guia para configuração do ambiente com Docker

Este documento contém os links de referência citados na live do canal Full Cycle Ambiente perfeito de Docker com VSCode e WSL2

Instalação do Docker

Windows

Para utilizar o Docker no Windows, use este guia de instalação: https://github.com/codeedu/wsl2-docker-quickstart.

Sugiro também instalar o Windows Terminal como terminal principal do Windows, ele é um excelente terminal, tem aba e outros recursos.

Meu Windows Terminal tem algumas configurações de atalho e o tema Dracula.

Pegue minha configurações do Windows Terminal aqui.

Linux e Mac

Instale o Docker usando as referências deste link

zsh e oh-my-zsh - Tenha um terminal de outro nível na sua máquina

A dobradinha zsh e oh-my-zsh fará o terminal da sua máquina ter autocomplete e highlight dos comandos, dentre outros benefícios incríveis (isto funciona no Windows também, por utilizarmos o WSL 2).

Siga este tutorial para instala-los.

Apesar de falar no tutorial que é para WSL 2, são praticamente os mesmos procedimentos para todos os sistemas operacionais.

Se você tem MAC e está com dúvidas de como instala-lo, use este link.

O tutorial mais acima recomenda instalar o tema spaceship, mas na minha máquina utilizo o tema sobole https://github.com/sobolevn/sobole-zsh-theme.

Configuração do VSCode

Antes de fazer qualquer configuração ou instalação de extensões no VSCode, precisamos falar de um problema: Não adianta fazer configurações e ter a melhor IDE do mundo se depois você a perderá por não fazer/ter um backup e puder restaurar estas configurações.

Para resolver este problemas, temos a extensões Settings Sync.

Com ela podemos fazer backup automático/manual de todas as configurações do VSCode no Gist do Github e depois restaurar as configurações ou até usar em um novo VSCode.

Use as minhas configurações do VSCode para você ter um ambiente incrível de desenvolvimento já com várias extensões úteis, inclusive já integrado com o Docker.

Sugiro fazer um fork das configurações para seu Gist e aponta-lo no Settings Sync do seu VSCode.

Uso da extensão Remote Containers

Lembre-se que esta extensão será sua melhor amiga para usar o Docker com o VSCode, pois executará o VSCode no contexto dos containers do Docker, mas em determinados momentos você pode não executar seu projeto com ela, então recomendo usar a extensão Docker para controlar o que está acontecendo com os containers. A extensão Docker mostra os containers rodando, informações de volumes e networks, mas não funciona quando o Remote Containers está ativo.

Na minha configuração do VSCode coloquei várias extensões padrões para serem habilitadas com qualquer container (ESLint, TSLint, Bookmarks e etc), mas outras extensões instaladas por você também precisam ser registradas no arquivo .devcontainer.json na key extensions, senão da próxima vez que iniciar o Remote Container as extensões não estarão ativas no seu projeto.

Habilitar a extensão Cloud Code para deploy no Google Cloud

Antes de habilitar esta extensão, tenha uma conta ativa no Google Cloud (você pode ter uma conta com crédito para teste criando uma nova conta da Google, se necessário).

Instale a ferramenta gcloud no seu ambiente, siga este guia de instalação: https://cloud.google.com/sdk/install . Depois execute o comando gcloud init para fazer login pelo terminal e escolher um projeto principal criado no painel do Google Cloud.

Instale a extensão Cloud Code. Após isto a extensão precisará reconhecer o gcloud.

Pronto, você já tem um incrível ambiente de desenvolvimento e poderá subir aplicações facilmente através do VSCode.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment