outubro 24, 2025

César Fontanella

VS Code para Iniciantes: guia básico (atalhos, extensões, Git, debug e como usar com Python, C/C++, JavaScript e SQL)

Por que ler? O Visual Studio Code é o editor mais usado por quem está começando: leve, gratuito, multiplataforma e com milhares de extensões. Neste guia, você aprende o essencial para ser produtivo hoje e entende como conectar o VS Code às principais linguagens do mercado.

Instalação e primeira abertura (o tour em 2 minutos)

Baixe e instale (Windows, macOS, Linux).
Abra o VS Code → File > Open Folder… e selecione a pasta do seu projeto.
Explore a Activity Bar (barra lateral): Explorer (arquivos), Search, Source Control (Git), Run & Debug, Extensions.
Terminal integrado: Ctrl+`` (crase). Rode python, node, git, npm, pip`, etc., sem sair do editor.

Layout que funciona (e dá foco)

Explorer: navegação por pastas; arraste arquivos para organizar.
Command Palette: Ctrl+Shift+P (ou F1). Pesquise qualquer ação por nome.
Side Bar e Panel: Ctrl+B mostra/oculta a barra lateral; Ctrl+J abre/fecha o painel (Terminal, Problems, Output).
Zen Mode: Ctrl+K Z para foco total.

Atalhos que você vai usar todo dia

Abrir arquivo rápido: Ctrl+P (digite parte do nome).
Busca global: Ctrl+Shift+F (regex, case, incluir/excluir pastas).
Múltiplos cursores: Alt+Clique; Ctrl+Alt+↓/↑.
Formatar código: Shift+Alt+F (ou “Format on Save” nas configurações).
Go to Definition: F12 • Rename Symbol: F2.
Split editor: Ctrl+\ • Trocar aba: Ctrl+Tab.

Extensões essenciais (sem exagero)

Python (Microsoft): linting, debug, Jupyter.
C/C++ (Microsoft): IntelliSense, build, debug.
C/C++ Extension Pack (compiladores/depuração extra).
ESLint e Prettier: qualidade e formatação em JS/TS.
Pylance: análise estática rápida para Python.
GitLens: histórico de linhas e blame.
SQL Tools: conexões a bancos (MySQL, Postgres, SQL Server).
Thunder Client ou REST Client: testar APIs sem sair do VS Code.

Dica: instale só o necessário para seu projeto. Muitas extensões podem deixar o editor pesado.

Configurações úteis (Settings)

Abra Settings (Ctrl+,) e procure:

Editor: Font Size (ex.: 14–16).
Editor: Tab Size (2 em JS/TS, 4 em Python/C/C++ por convenção).
Files: Eol (LF em Linux/macOS; CRLF em Windows — use .editorconfig).
Editor: Format On Save e Trim Trailing Whitespace.
Auto Save: afterDelay (500–1000 ms).
Settings Sync: sincroniza preferências e extensões na nuvem.

Git sem sair do editor

Init: botão Initialize Repository ou git init no Terminal.
Stage/Commit no painel Source Control.
Branches: status bar → crie/mude branches.
Diff: clique em um arquivo modificado para ver comparação lado a lado.
.gitignore: adicione node_modules/, .env, __pycache__/, dist/, etc.

Integração com GitHub e GitLab por extensões oficiais (PRs, Issues, Codespaces).

Debug passo a passo

Abra Run & Debug → create a launch.json.
Breakpoints (clique na margem), Step Over (F10), Step Into (F11), Watch e Variables.
Debug Console: avalie expressões durante a execução.
Python: debug com launch.json simples; Node/TS: “Node.js” preset; C/C++: configure tasks.json (build) + launch.json (executável/args).

Snippets, Emmet e produtividade

Snippets: Preferences > Configure User Snippets → crie atalhos de código para padrões repetitivos (ex.: cabeçalho de função, docstring).
Emmet (HTML/CSS): ul>li.item*3 → gera lista rapidamente.
Multiroot Workspaces: .code-workspace integra vários serviços num mesmo workspace (API, web, infra).

Integração por linguagem: por que importam e como usar no VS Code

Python (automação, dados, IA)

Por que importa: onipresente em ciência de dados, automação e back-end; enorme ecossistema (pandas, FastAPI, PyTorch).
No VS Code: extensão Python + Pylance, ambiente virtual (python -m venv .venv), selecione o interpreter no status bar, Jupyter integrado para notebooks, testes com pytest.
Vantagens: curva de aprendizado suave, produtividade alta, integração com Excel/CSV/SQL.

JavaScript/TypeScript (web, full-stack)

Por que importa: base da web, cresce com Node e frameworks (React, Vue, Svelte).
No VS Code: ESLint + Prettier + TypeScript já embutido; npm scripts pelo Terminal; debug de Node/Chrome integrado.
Vantagens: mesmo editor para front e back, feedback rápido, tooling de primeira.

C e C++ (sistemas, performance)

Por que importam: bases de sistemas operacionais, engines e componentes críticos de alto desempenho.
No VS Code: extensões C/C++, CMake Tools; configure compiladores (gcc/clang/msvc), debug com gdb/lldb, IntelliSense para headers.
Vantagens: controle de memória, desempenho, ponte para games/embarcados.

SQL (dados em qualquer app)

Por que importa: quase todo produto é data-driven.
No VS Code: SQL Tools para conectar em Postgres/MySQL/SQL Server, rodar queries, salvar snippets e explorar schemas.
Vantagens: consultas versionadas no Git, rotina de dados dentro do mesmo workspace.

Resumo: comece por Python (produtividade), use JS/TS para a web, aprenda SQL sempre e avance em C/C++ se seu foco for performance/sistemas. O VS Code centraliza tudo: um editor, vários mundos.

Boas práticas para projetos que escalam

Estruture pastas (src/, tests/, docs/, scripts/).
Ambientes: .env (não comite), Dev Containers/WSL para ambientes reprodutíveis.
Formatador + linter no save (Prettier/ESLint; Black/Flake8).
Tasks (.vscode/tasks.json) para build/run/test padronizados.
Extensões por projeto com extensions.json (recomendações).
Verificação de segurança: GitHub Dependabot, npm audit, pip-audit (rode pelo Terminal).

Perguntas frequentes

VS Code é IDE ou editor?
É um editor extensível com recursos de IDE. Com extensões, cobre do protótipo ao produto.

Posso usar o VS Code para tudo?
Para a maioria dos casos, sim. Para nichos (Java enterprise, .NET pesado), IDEs específicas podem ser mais produtivas — mas VS Code integra bem ferramentas externas.

Qual linguagem começo?
Se o objetivo é entrar rápido no mercado: Python (dados/automation) ou JS/TS (web). SQL é obrigatório. C/C++ se você mira sistemas/performance.

Conclusão

O VS Code é seu hub de desenvolvimento: um editor único para Python, JS/TS, C/C++ e SQL, com Git, debug, terminal e extensões. Comece com o básico deste guia, crie seu primeiro repositório e adote o Format on Save. O resto — produtividade real — vem com a prática.