Configuração otimizada para desenvolvimento Full Stack com foco em Python/Django e TypeScript/React.
- Frontend: TypeScript, React, Next.js, Tailwind CSS
- Backend: Python, Django, FastAPI
- Tools: Biome, Ruff, GitLens
- OS: Arch Linux via WSL
antfu.file-nesting
biomejs.biome
charliermarsh.ruff
eamodio.gitlens
github.copilot
github.copilot-chat
batisteo.vscode-django
donjayamanne.python-environment-manager
donjayamanne.python-extension-pack
kevinrose.vsc-python-indent
ms-python.debugpy
ms-python.python
ms-python.vscode-pylance
ms-python.vscode-python-envs
njpwerner.autodocstring
wholroyd.jinja
bradlc.vscode-tailwindcss
christian-kohler.npm-intellisense
quicktype.quicktype
visualstudioexptteam.intellicode-api-usage-examples
visualstudioexptteam.vscodeintellicode
JetBrains Mono Nerd Font
# Via pacman
sudo pacman -S ttf-jetbrains-mono-nerd
# Ou via AUR
yay -S nerd-fonts-jetbrains-mono- Download
- Extraia e instale
JetBrainsMono Nerd Font
Linux/WSL:
cp settings.json ~/.config/Code/User/settings.jsonWindows:
copy settings.json %APPDATA%\Code\User\settings.json# Copie e cole no terminal do VS Code
code --install-extension antfu.file-nesting
code --install-extension batisteo.vscode-django
code --install-extension biomejs.biome
code --install-extension bradlc.vscode-tailwindcss
code --install-extension charliermarsh.ruff
code --install-extension christian-kohler.npm-intellisense
code --install-extension donjayamanne.python-environment-manager
code --install-extension donjayamanne.python-extension-pack
code --install-extension eamodio.gitlens
code --install-extension github.copilot
code --install-extension github.copilot-chat
code --install-extension kevinrose.vsc-python-indent
code --install-extension ms-python.debugpy
code --install-extension ms-python.python
code --install-extension ms-python.vscode-pylance
code --install-extension ms-python.vscode-python-envs
code --install-extension njpwerner.autodocstring
code --install-extension quicktype.quicktype
code --install-extension visualstudioexptteam.intellicode-api-usage-examples
code --install-extension visualstudioexptteam.vscodeintellicode
code --install-extension wholroyd.jinjacode --install-extension mvllow.rose-pine
code --install-extension catppuccin.catppuccin-vsc-icons- ✅ Auto Save: 500ms de delay
- ✅ Format on Paste: Habilitado
- ✅ Inlay Hints: TypeScript parameter names e return types
- ✅ Sticky Scroll: Mantém contexto visível
- ✅ Rulers: 80 e 120 caracteres
- ✅ Tab Limit: Máximo de 10 tabs por grupo
- JavaScript/TypeScript/React: Biome
- Python: Ruff
- Auto-organização de imports: Habilitado
- ✅ Auto Fetch: Busca automática de mudanças
- ✅ Smart Commit: Commit sem staging
- ✅ GitLens: Code Lens desabilitado (performance)
- ✅ Auto-update: A cada 720 minutos
- ✅ Upstream:
antfu/vscode-file-nesting-config - ✅ Patterns: Atualização automática do repositório upstream
- ✅ Pytest: Configurado como test runner
- ✅ Ruff: Linter e formatter
- ✅ Auto Docstring: Numpy style
- ✅ Django Support: Templates e context
- ✅ Jinja: Syntax highlighting
- ✅ TV() regex: Suporte para Tailwind Variants
- ✅ Class regex: Pattern customizado
# Verificar versão do WSL
wsl --list --verbose
# Deve mostrar: Arch (Running, version 2)# No WSL
pnpm install -g @biomejs/biome
# Ou npm
npm install -g @biomejs/biome# No WSL
pip install ruff
# Ou via pipx (recomendado)
pipx install ruff- WSL Terminal: Certifique-se que o profile "Arch" existe no VS Code
- File Nesting: Atualiza automaticamente a cada 12 horas
- GitLens: Code Lens desabilitado para melhor performance
- Error Lens: Mostra apenas warnings e errors (não info/hint)
- Copilot: Habilitado para todos os arquivos exceto plaintext
Verifique o nome exato do profile WSL:
"terminal.integrated.defaultProfile.windows": "Arch"Pode ser: "Arch", "ArchWSL", ou "Arch Linux"
- Verifique se está instalado:
biome --version - Reinicie o VS Code
- Verifique se o arquivo tem extensão suportada (.js, .ts, .jsx, .tsx)
# Reinstalar
pip uninstall ruff
pip install ruff
# Ou via pipx
pipx reinstall ruffConfiguração pessoal - Use livremente! 🚀