1
resposta

estou com muita duvida?

Bom dia,

N consigo realizar a programação por meio do link deixado na (preparação do ambiente), abro ele no Visual Studio Code n consigo altera-la e si abro no link q entra no site não ocorre nenhuma alteração. Por favor alguém consegue me ajudar por gentileza?

1 resposta

Oi, Cauê, tudo bem?

Sinto muito que esteja com dificuldades em utilizar o projeto baixado na atividade "Preparando o ambiente".

Para utilizar a pasta baixada, inicialmente é necessário descompactar os arquivos e isso pode ser feito, clicando com o botão direito sobre a pasta e selecionando a opção Extrair tudo e em seguida clicar em Extrair.

Em seguida, é necessário abrir o Visual Studio Code (VSCode) e no menu superior vamos clicar em File selecionar a opção Open Folder e escolher a pasta referente ao projeto deste curso ("logica-js-projeto_inicial").

Imagem de como importar uma pasta no Visual Studio Code

A pasta vai abrir na aba lateral esquerda e nela podemos clicar em qualquer um dos arquivos para abrir o código na tela central.

Pasta aberta no VSCode com os arquivos

Para que você consiga fazer alterações no código, é necessário salvar o arquivo após as modificações por meio do comando CTRL+S.

Para acompanhar as mudanças no navegador há duas formas, abrir o arquivo "index.html", e a cada vez que realizar as alterações e salvar recarregar a página, ou utilizar a extensão "Live Server" que pode ser baixada na lateral esquerda selecionando o quinto ícone de cima para baixo, buscar na barra de pesquisa por Live Server e clicar no botão Install.

Instalando a extensão Live Server no VSCode

Após isso, na barra inferior, no canto direito da tela, vai aparecer um ícone que vai abrir o arquivo "index.html "no navegador, e a cada alteração ele vai fazer o recarregamento da página.

Ícone do Live server no canto inferior direito da tela

Espero ter ajudado. Caso ainda tenha dúvidas, compartilhe uma imagem da sua tela do VS Code e do navegador com o site aberto e conte quais os passos que você está realizando para abrir e alterar os arquivos no VS Code.

Abraços!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!