Bateu a curiosidade sobre meu setup? Os programas que uso no dia-a-dia? Aqui vai uma lista pra você checkar.
Comum
Eu gosto de ter um ambiente separado do meu trabalho. Isso me ajuda a sentir que não estou "sempre trabalhando" e nem que "estou fazendo algo pessoal e não preciso ficar tão focado".
Porém, vários coisas são comuns em ambos ambientes:
Software
- Google Chrome;
- Firefox Developer Edition;
- VSCode;
- OBS Studio - gravar a tela com audio e às vezes webcam;
- Figma - criar designs e mockups;
- Notion - escrever notas simples, esboço de artigos e me organizar;
- 1Password - gerenciador de senhas;
- VLC - pra assistir qualquer tipo de video;
Periféricos
- Monitor MSI Optix MAG24C - 24" - 144hz - Curved
- Monitor Dell UltraSharp U2415
- Keyboard Kinesis Gaming
- Sennheiser GSP 300 Gaming Headset
Ambiente de trabalho
Hardware
- MacBook PRO 2020 13-inch;
- Intel Core i5 1.4GHz;
- 8GB RAM DDR;
- Intel Iris Plus 645 1536MB;
Software
- iTerm2 - O melhor terminal pra macOS;
- zsh + "Oh My ZSH!" - terminal framework;
- Alfred4 - Uma ferramenta de barra de busca que ajuda você encontrar arquivos no mac, abrir apps, fazer rapidas pesquisas no google, etc.;
- Bartender4 - organizador de ícones na barra de menu;
- RunCat - mostra o uso da CPU com pequenos GIFs animados;
- BeFocused PRO - timer para fazer a técnica pomodoro;
- Clipy - app open-source de clipboard. Permite você manter um histórico do seu CMD + C;
- PixelSnap - app pra medir a distancia entre elementos na tela;
- Relax - app que "muta" os auto falantes quando você desconecta seu headset ou coloca o notebook pra dormir. Bem útil nos casos quando você abre seu notebook e começa a tocar uma música muito alta;
- Kap - ferramenta para capturar a tela e exportar em GIF ou MP4;
- magnet - Gerenciador de janelas
Periféricos
- Sony WH-1000XM3 - noise-canceling/Bluetooth. Excelente quando preciso ir pro escritório.
Outros
- Cadeira Secretlab Titan - Fabric
VSCode Setup
Eu costumava ter uma configuração differente do VSCode pro trabalho e pra casa, mas desde que a MS implementou a funcionalidade de salvar na nuvem as configurações, eu achei mais prático usar o mesmo ambiente nos dois lugares pra eu ter a mesma produtividade.
Fonte
- Fira Code - fonte open-source com símbolos que ajudam a ler melhor o código;
Temas
- Color: Monokai PRO (Pago)
- Ícones: Material Theme Icons
Plugins
Pra dar destaque nos plugins que na minha opinão são obrigatórios, eu adicionei uma estrela no nome.
- Active File in StatusBar - Adiciona a localização do arquivo aberto na barra de status
- Auto Rename Tag - Auto renomeia tags HTML e XML- [Better TOML](https://marketplace.visualstudio.com/items?itemName=bungcip.better-toml)
- TOML language support
- Bracket Pair Colorizer - permite você visualizar com cores onde começa e termina o escopo da função, objeto;
- Code Spell Checker (⭐) - Corretor ortográfico para lingua inglesa;
- CodeSnap - permite você tirar uma foto (png) do seu código com syntax highlighting;
- Color Highlight - mostra na tela a cor dos códigos hex/rgb/rgba;
- CSS-in-JS - CSS-in-JS autocomplete e conversor;
- DotENV - syntax highlighting para .env;
- EditorConfig for VS Code - aplica as regras do `.editorconfig` no arquivos do projeto;
- ES7 React/Redux/GraphQL/React-native snippets
- Eslint - mostra visualmente os erros e alertas do ESLint
- GitLens - Git supercharged - funcionalidades de GIT extras no terminal como ver histórico, quem fez a alteração (blame), etc.;
- GraphQL for VSCODE - suporte de arquivos GraphQL;
- Import Cost - mostra o tamanho do módulo que você está importando (JS);
- JSON Tools - ferramental para arquivos JSON;
- Live share - Ferramenta de desenvolvimento colaborativo em tempo real. Excelente para sessões de pair-programming;
- Local History (⭐) - Salva o histórico de alteração dos arquivos localmente. Excelente para recuperar aquele pedaço de código que você excluiu sem commitar.
- Markdown Table Formatter - formata de uma forma mais visual tables em markdown;
- markdownlint - "Eslint" para arquivos markdown;
- MDX - suporte de arquivos MDX;
- npm Intellisense (⭐) - sugestão dos módulos disponíveis ao fazer um import;
- Output Colorizer - adiciona cor aos logs do painel "Output" do VSCode;
- Path Intellisense (⭐) - sugere o nome do arquivos ao fazer um import;
- Peacock - deixa seu workspace com cores para ficar fácil diferenciar projetos;
- Portuguese - Code Spell Checker (⭐) - corretor ortográfico para língua portuguesa;
- Prettier - Code formatter - formata arquivos JS, TS, CSS, HTML, etc, usando prettier;
- px to rem - Converte px para rem e vice versa;
- Quit Control for VSCode (⭐) - previne fechar acidentalmente o editor no mac quando aperto "command + W" or "command + Q" no mac;
- Select Line Status Bar - conta as linhas selecionadas;
- Syntax Highlighting for yarn.lock files
- Todo Tree - permite você marcar um local "TODO" no seu código e verificar em formato de árvore todos os lugares marcados no projeto inteiro;
- vscode-styled-components - suporte para styled-components;
- XML - suporte de arquivos XML.