Setup de Ambiente para Web Dev
Base padrao para iniciar projetos com velocidade e consistencia.
Por que usar editor moderno
Programar com editor moderno reduz erro operacional e aumenta produtividade.
- Syntax highlighting para leitura rapida.
- IntelliSense e autocompletar.
- Terminal integrado para fluxo continuo.
Instalando VS Code
Download oficial
Baixe sempre no site oficial e habilite opcoes de contexto durante a instalacao.
Configuracao inicial
Ative Auto Save, selecione tema legivel e fonte monoespacada para codigo.
Extensoes essenciais
| Extensao | Objetivo |
|---|---|
| Prettier | Formatacao automatica. |
| Live Server | Reload automatico no navegador. |
| GitLens | Historico e autoria por linha. |
| vscode-icons | Leitura visual de arquivos. |
Snippet inicial de HTML
<!doctype html>
<html lang="pt-BR">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Projeto</title>
</head>
<body></body>
</html>Git minimo para iniciar
git init
git add .
git commit -m "chore: setup inicial"
git branch -M main