Bem-vindo ao meu repositório de configuração do Visual Studio Code. Como estudante de Engenharia de Software, o objetivo é otimizar meu ambiente de desenvolvimento. Este projeto é mais como um backup pessoal mas também pode servir como um guia para qualquer pessoa que queira replicar meu setup.
Atualmente, minha máquina principal opera em dual boot com Zorin OS (Linux) e Windows 11. Além disso, tenho planos futuros de explorar o macOS através de um projeto de Hackintosh.
Por causa dessa diversidade de sistemas, um dos meus principais objetivos com este repositório é garantir que minha experiência com o VS Code seja consistente e otimizada, não importa qual SO eu esteja usando no dia.
Isso explica por que você encontrará aqui scripts de instalação para diferentes terminais (como .sh para Linux/macOS e .bat para Windows) e configurações que são, na maior parte, agnósticas de sistema operacional. Meu objetivo final é poder clonar este repositório em qualquer máquina e ter meu ambiente de volta em minutos, com o mínimo de atrito possível.
Este setup é projetado para ser minimalista e funcional, focado em produtividade para desenvolvimento web e de software em geral.
É importante notar que este é um reflexo do meu ambiente de estudo e trabalho atual. Ele pode ter funcionalidades a mais ou a menos, dependendo da sua necessidade. Sinta-se à vontade para usá-lo como ponto de partida e adaptá-lo ao seu gosto.
Parte da inspiração e da base para o arquivo settings.json veio do excelente vídeo "Meu VSCode minimalista (extensões, temas e config)" do canal Rocketseat. No entanto, a versão que você encontra aqui é uma adaptação reduzida, contendo apenas as modificações que considerei mais úteis para o meu fluxo de trabalho.
A aparência do meu ambiente é configurada para ser agradável e funcional, especialmente considerando que uso dois monitores de 27 polegadas a uma certa distância.
- Tema: Min Dark. É um tema escuro e limpo que ajuda a manter o foco no código.
- Fonte: JetBrains Mono, no tamanho
14. Escolhi esta fonte por sua excelente legibilidade e suporte a font ligatures. - Ícones: Symbols. Esta extensão otimiza os ícones da interface, tornando-os mais claros e compreensíveis, o que facilita a identificação rápida de elementos visuais.
Minha lista de extensões essenciais. Para instalar todas de uma vez, clone este repositório e rode o script de instalação apropriado para seu SO.
- GitHub Copilot: Meu principal assistente de IA para programar, me ajuda a autocompletar código, sugerir trechos e até funções inteiras, o que acelera drasticamente meu tempo.
- GitHub Copilot Chat: A versão em chat do Copilot. Uso para fazer perguntas sobre o código, refatorar trechos, gerar testes e obter algumas explicações de lógicas complexas.
- Gemini (formerly Google Code Assist): Meu outro assistente de IA, mas do Google, gosto de ter mais de uma opção para gerar, depurar e tirar dúvidas sobre meu código (não confio em uma unica IA me dando dica).
- Python (Microsoft): A base para todo meu desenvolvimento em Python, me dá o suporte essencial de IntelliSense, linting, formatação e gerenciamento de ambientes.
- Pylance (Microsoft): O cérebro do meu autocompletar em Python, uso porque ele deixa o IntelliSense extremamente rápido e preciso.
- Debugpy (Microsoft): Minha ferramenta padrão para depurar código Python, Com ela, consigo inspecionar variáveis, definir breakpoints e executar o código passo a passo.
- autoDocstring: Uma mão na roda para documentar meus códigos, ele gera templates de docstrings automaticamente, o que me poupa muito tempo e mantém um certo padrão.
- Python Indent: Uso para garantir que a indentação do meu código seja sempre correta, especialmente ao colar blocos de código ou em situações mais complexas ou com muitos elementos.
- Prettier - Code formatter: Não vivo sem, é o que mantém meu código formatado e com um padrão consistente em todos os meus projetos, sem que eu precise pensar muito nisso.
- ESLint: Meu "guarda de trânsito" para JavaScript/TypeScript, ele aponta erros de código (e no style), me ajuda a escrever um código mais limpo e sem bugs (nem sempre).
- Live Server: Essencial para meu desenvolvimento front-end, com ele, crio um servidor local que atualiza a página no navegador a cada alteração que faço, acho mais pratico que só abrir o ".html" do que estiver fazendo.
- Auto Rename Tag: Uma ferramenta simples que me economiza muito tempo, quando renomeio uma tag HTML, ele automaticamente atualiza a tag correspondente.
- HTML CSS Class Completion: Uso para ter autocompletar das minhas classes no CSS diretamente nos arquivos HTML.
- Simple React Snippets: Meu pacote de atalhos e snippets para React, ele acelera bastante a criação de componentes e hooks.
- Markdown Preview Enhanced: Como gosto de documentar em Markdown, esta extensão melhora a pré-visualização com suporte a diagramas, sumários e mais.
- TypeScript Nightly: Instalei para poder testar os recursos mais recentes do TypeScript assim que saem, (nem sempre são estáveis).
- Extension Pack for Java (Oracle): Quando preciso trabalhar com Java, este pacote oficial da Oracle me dá o suporte necessário para edição, compilação e depuração.
- Docker: Essencial para meu trabalho com contêineres, uso para criar, gerenciar e depurar minhas aplicações Docker diretamente do editor.
- Dev Containers: Com essa extensão, consigo abrir meus projetos dentro de um contêiner, garantindo que o ambiente de desenvolvimento seja sempre consistente e isolado.
- Remote - SSH: Uso para me conectar a servidores remotos via SSH e editar os arquivos como se estivessem na minha máquina, perfeito para mexer em servidores na nuvem.
- Remote Explorer: Um painel lateral que me ajuda a organizar e acessar rapidamente todas as minhas conexões remotas (SSH, Contêineres, etc).
- GitLens — Git supercharged: Essa extensão transforma o Git no VS Code, ainda não presenciei, mas posso usar para ver o que alguém alterou em alguma linha do codigo (
git blame), comparar branches e navegar pelo histórico. - Git History: Uso para ter uma visão gráfica e detalhada do histórico do Git, o que me ajuda a entender a evolução de um arquivo ou do projeto (ou quando eu só esqueço mesmo).
- REST Client: Meu substituto leve para o Postman/Insomnia, com ele, testo minhas APIs e envio requisições HTTP diretamente de um arquivo no editor.
- Portuguese (Brazil) Language Pack: Inglês não é uma barreira pra mim, mas sempre que puder, prefiro optar pelo meu idioma nativo.
- Min Theme: Gosto do visual limpo e minimalista que ele proporciona, sem distrações.
- Symbols: Para complementar o tema, uso este pacote que deixa os ícones da interface mais claros e compreensíveis.
- Apc Customize UI++: Gosto de personalizar ao máximo meu ambiente. Uso esta extensão para fazer ajustes finos na interface, como aplicar um efeito de transparência (ele ainda não é 100% funcional, use com cuidado).
- Fakedonalds: Não recomendo, ta aqui só por meme.
Meu arquivo settings.json contém todas as minhas personalizações, desde o tamanho da fonte até configurações específicas de linguagens.
-
Clone o repositório:
git clone [https://github.com/ezequielfb/Setup-do-VScode.git](https://github.com/ezequielfb/Setup-do-VScode.git) ~/.vscode-setup -
Copie as configurações:
# CUIDADO: Isso irá sobrescrever suas configurações atuais! cp ~/.vscode-setup/settings.json ~/.config/Code/User/ cp ~/.vscode-setup/keybindings.json ~/.config/Code/User/
Localização dos arquivos no seu SO:
- Windows:
%APPDATA%\Code\User - macOS:
$HOME/Library/Application Support/Code/User - Linux:
$HOME/.config/Code/User
- Windows:
-
Instale as extensões:
- No Linux/macOS:
sh ~/.vscode-setup/install_extensions.sh - No Windows:
~/.vscode-setup/install_extensions.bat
- No Linux/macOS: