1
resposta

Não visualiza arquivo dentro VScode - aula preparando o ambiente - Programação

Boa noite. Espero encontrá-los bem.

Por gentileza, não consigo visualizar os arquivos após baixar a extensão do live server conforme orientação (aula preparando o ambiente - programação).

Também não consigo visualizar a imagem do robô ao clicar no ícone explorer dentro da pasta (não apenas nessa aula), já cliquei com direto e de forma convencional.

VISÃO TELA INSTRUTOR Insira aqui a descrição dessa imagem para ajudar na acessibilidade MINHA VISÃO Insira aqui a descrição dessa imagem para ajudar na acessibilidadeInsira aqui a descrição dessa imagem para ajudar na acessibilidadeDesde já grata

1 resposta

Oi Verônica,

Pelo que vi na imagem, parece que você ainda não abriu a pasta do projeto no VSCode. 💻

Para visualizar os arquivos, você precisa abrir a pasta principal do projeto no VSCode, onde o arquivo index.html e a pasta img estão localizados.

Primeiro, certifique-se de que você descompactou o arquivo zipado que continha os arquivos do projeto. 🁒

Para descompactar todo o conteúdo da pasta com zíper, pressione e segure (ou clique com o botão direito do mouse) na pasta, selecione Extrair Tudo...e siga as instruções.

Após descompactar, no VSCode, clique em "Arquivo" e depois em "Abrir Pasta...".

Selecione a pasta que você descompactou.

Feito isso, os arquivos do projeto devem aparecer no painel Explorer do VSCode, incluindo a pasta img e o arquivo index.html. 🔍

Para abrir o index.html com o Live Server, clique com o botão direito no arquivo index.html dentro do Explorer e selecione "Open with Live Server".

A imagem deve aparecer corretamente no navegador. 🌟

🎓 Para saber mais: Abrindo pastas no VS Code.

Continue praticando e explorando! 💪