2
respostas

[Bug] Não consigo arrastar uma imagem no VSC

Olá, pessoal!

Não consigo arrastar uma imagem para dentro do VSC conforme foi realizado nas aulas, o cursor do meu mouse fica com aquele ícone de proíbido.

Outra coisa que não consigo fazer é pegar uma imagem já salva em outra pasta e copiar o caminho, a imagem fica com erro no final (ao visualizar no navegador). A única opção que deu certo pra mim foi fazer uma cópia do arquivo da imagem e colar na mesma pasta "Portfolio" onde está o arquivo index.html

Alguém poderia me ajudar? Dá para alterar alguma configuração para solucionar esse bug? Muito obrigado!

2 respostas

Olá, Nickolas!

Seu problema parece estar relacionado com o Visual Studio Code (VSC) e o caminho do arquivo da imagem. Vou tentar te ajudar com algumas sugestões.

Primeiramente, é importante lembrar que o VSC não suporta o recurso de arrastar e soltar imagens diretamente no editor. O que você pode fazer é arrastar o arquivo da imagem para a árvore de arquivos do VSC, que fica geralmente no lado esquerdo da tela. Isso vai copiar o arquivo da imagem para a pasta que você escolher.

Quanto ao problema de copiar o caminho da imagem, pode estar ocorrendo um erro na hora de referenciar a imagem no seu arquivo HTML. É importante garantir que o caminho esteja correto. Por exemplo, se a imagem está na mesma pasta que o arquivo HTML, você pode referenciá-la assim:

<img src="nome_da_imagem.jpg" alt="Descrição da imagem">

Mas se a imagem estiver em uma subpasta, você precisa incluir o nome da subpasta no caminho:

<img src="subpasta/nome_da_imagem.jpg" alt="Descrição da imagem">

E se a imagem estiver em uma pasta acima do arquivo HTML, você pode usar dois pontos para subir um nível:

<img src="../nome_da_imagem.jpg" alt="Descrição da imagem">

Espero que essas sugestões possam te ajudar a resolver o problema. Lembre-se de sempre verificar se o caminho do arquivo está correto e se o arquivo da imagem foi copiado para a pasta correta no VSC. Espero ter ajudado e bons estudos!

Olá, Renan.

Obrigado pela dica quanto ao copiar o caminho correto da imagem. Refiz o procedimento e deu certo.

Mas ainda não consegui solucionar a importação da imagem para a árvore do VSC. Não está copiando a imagem pra lá por meio do programa, conforme eu comentei, ainda tenho que copiar e colar o arquivo de imagem na mesma pasta onde está o arquivo index.html para que apareça na árvore.

Será que é alguma configuração?