Olá Kauan, tudo bem? Espero que sim!
Entendo que você está enfrentando um problema ao usar o Live Server no Visual Studio Code. É frustrante quando fazemos alterações no código e a página não é atualizada automaticamente, não é mesmo? Mas não se preocupe, vou te ajudar a resolver esse bug!
Uma possível solução para esse problema é verificar se o Live Server está configurado corretamente. Certifique-se de que você instalou a extensão correta, que é a "Live Server" criada pelo Ritwick Dey. Essa é a opção mais popular e confiável.
Além disso, verifique se você está abrindo o arquivo index.html
com o Live Server corretamente. No Visual Studio Code, clique com o botão direito no arquivo index.html
no painel Explorer e selecione a opção "Open with Live Server". Isso abrirá um servidor local que atualiza automaticamente sempre que você fizer uma alteração no código.
Outra dica é verificar se o Live Server está exibindo corretamente a mensagem de "Código injetado pelo Live Server" no código. Essa linha é responsável por manter a página atualizada. Se essa linha não estiver presente, pode ser um indicativo de que algo não está configurado corretamente.
Se mesmo seguindo essas dicas o problema persistir, pode ser necessário verificar se há alguma incompatibilidade com outras extensões ou configurações do seu ambiente. Tente desativar temporariamente outras extensões e verifique se o Live Server funciona corretamente.
Espero que essas dicas te ajudem a resolver o problema com o Live Server. Lembre-se de sempre salvar as alterações no código antes de verificar se a página foi atualizada. Se ainda tiver dúvidas, fique à vontade para perguntar. Estou aqui para ajudar!
Espero ter ajudado e bons estudos!