Live Server | Lógica de programação: mergulhe em programação com JavaScript

Oii, Everton.

Isso é muito comum de acontecer quando estamos começando a configurar o ambiente no VS Code.

O botão do "Go Live" fica cinza ou inativo porque o editor não identificou uma pasta de projeto aberta, ou porque o arquivo que está na sua tela não é um arquivo HTML. O Live Server precisa de um arquivo .html para servir como ponto de partida.

Tente seguir estes passos para resolver:

No VS Code, vá no menu File (Arquivo) e selecione Open Folder (Abrir Pasta).
Escolha a pasta onde você salvou seus arquivos do curso.
Na barra lateral esquerda, clique no seu arquivo index.html (ou o nome que você deu para o arquivo HTML).
Com o código HTML aberto na tela, verifique se o botão na barra inferior ativou.

Se mesmo assim o botão continuar cinza, você pode tentar uma alternativa: clique com o botão direito do mouse em qualquer lugar dentro do código HTML e selecione a opção Open with Live Server.

Faça o teste e nos avise se funcionou.

Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!

Tópicos relacionados

Conteúdos Alura com o tema