Oi Jorge,
Entendo sua curiosidade sobre como visualizar os códigos de sites no Visual Studio Code (VS Code) 😊.
O VS Code, por si só, é um editor de código, não um navegador. Ele permite que você escreva e edite seus códigos, mas não os "executa" diretamente como um navegador faz.
Para visualizar um site (HTML, CSS e JavaScript) no VS Code, você precisa de uma extensão que simule um ambiente de navegador.
A extensão mais comum para isso é o "Live Server".
Como usar o Live Server:
- Instale a extensão: No VS Code, vá em "Extensões" (ícone de blocos na barra lateral) e procure por "Live Server". Instale-a.
- Abra seu projeto: Abra a pasta do seu projeto no VS Code (onde estão seus arquivos HTML, CSS e JavaScript).
- Inicie o Live Server: Clique com o botão direito do mouse no seu arquivo HTML principal (geralmente
index.html) e selecione "Open with Live Server".
O Live Server abrirá automaticamente seu site em seu navegador padrão.
A grande vantagem é que, ao fazer alterações no seu código no VS Code, o navegador atualizará automaticamente, mostrando as mudanças em tempo real 👍.
Isso simula a experiência de navegar em um site, mas com a conveniência de ter o código ao lado.
Para saber mais: Live Server
Continue explorando e experimentando, a prática leva à perfeição! 💪
