Problema: Atualizações manuais constantes
A cada mudança no JavaScript, era necessário atualizar manualmente a página no navegador.
Isso causava confusão e testes errados quando esquecíamos de recarregar.Solução: Automatizar com Live Server
O Live Server é uma extensão do Visual Studio Code que recarrega automaticamente a página ao salvar o código.
Ele simula um servidor local que monitora mudanças em arquivos HTML, CSS e JavaScript.Como instalar o Live Server
Abrir o VS Code.
Ir para a aba de Extensões (Ctrl + Shift + X).
Buscar por "Live Server" (autor: Ritwick Dey).
Clicar em "Install".
Abrir o arquivo HTML no projeto.
Clicar com o botão direito e escolher "Open with Live Server".Como funciona o Live Server
Abre uma página com o endereço 127.0.0.1:5500/ (servidor local).
Toda vez que você salvar o código, a página no navegador é atualizada automaticamente.
O Live Server injeta um pequeno script JavaScript no HTML para detectar alterações.Vantagens
Evita esquecimentos e erros de teste.
Garante que você sempre veja a versão mais recente do código.
Melhora a produtividade durante o desenvolvimento.
