💻 Cap 09: VS Code Profissional: Produtividade Extrema, Multi-Cursor, Dev Containers e Workspace Settings
🗺️ O Ecossistema de Produtividade no Visual Studio Code / VSCodium
flowchart TD
CORE["VS Code Core (Electron + Monaco Editor + TypeScript)"]
CORE --> SHORTCUTS["1. Navegação & Multi-cursor (Ctrl+D, Alt+Click, Ctrl+Shift+L, Ctrl+P)"]
CORE --> WORKSPACE["2. Governança por Workspace (.vscode/settings.json, launch.json, extensions.json)"]
CORE --> DEVCONTAINER["3. Ambientes Isolados com Dev Containers (.devcontainer/devcontainer.json)"]
CORE --> EXTENSIONS["4. Extensões Essenciais (GitLens, Error Lens, Prettier, SonarLint, REST Client) ⚡"]
style CORE fill:#ede7f6,stroke:#512da8,stroke-width:2px
style SHORTCUTS fill:#e1f5fe,stroke:#03a9f4,stroke-width:1.5px
style WORKSPACE fill:#fff3e0,stroke:#ff9800,stroke-width:1.5px
style DEVCONTAINER fill:#00897b,stroke:#004d40,stroke-width:2px,color:#ffffff
style EXTENSIONS fill:#e8f5e9,stroke:#4caf50,stroke-width:1.5px
📖 Fundamentos e Aplicação
O Visual Studio Code consolidou-se como o editor mais popular do mundo devido à sua arquitetura extensível, ecossistema gigantesco e suporte integrado a depuração, Git e containers.
1. Navegação de Alta Velocidade e Multi-Cursor
- Command Palette (
Ctrl+Shift+P/Cmd+Shift+P): O hub central para executar qualquer comando do editor. - Quick Open (
Ctrl+P): Abertura instantânea de arquivos por busca difusa. - Multi-Cursor Inteligente:
Ctrl+D(Cmd+D): Seleciona a próxima ocorrência da palavra sob o cursor.Ctrl+Shift+L(Cmd+Shift+L): Cria um cursor em todas as ocorrências do texto selecionado simultaneamente.Alt+Click(Option+Click): Adiciona um cursor arbitrário em qualquer linha.
2. Governança de Workspace (.vscode/)
Padronize a experiência de toda a equipe commitando a pasta .vscode/:
settings.json: Formatação ao salvar, regras de linter e exclusão de pastas pesadas (node_modules,.venv).extensions.json: Recomendações automáticas de extensões para novos membros do time.launch.json: Perfis de depuração compartilhados.