Salvar no computador

Até aqui o sistema mora no Claude. Nesta etapa ele vem para o seu computador: vira o arquivo index.html, dentro da pasta meu-primeiro-sistema, e abre no navegador com dois cliques. Sem o Claude e sem internet.

Baixar ou copiar?

Tem dois jeitos de trazer o código. O padrão é baixar; copiar e colar fica de reserva.

Baixar o ArtifactRECOMENDADO

PONTOS FORTES

• Um clique.
• O arquivo vem inteiro e certo.

PONTOS FRACOS

• A cada mudança, é baixar de novo e substituir o arquivo antigo.
• Fácil confundir qual é a versão mais nova.

Copiar e colar

PONTOS FORTES

• Funciona sempre, mesmo quando o botão de baixar não aparece.

PONTOS FRACOS

• Fácil salvar como texto (.txt) ou deixar um pedaço para trás.
• Trabalhoso quando o arquivo cresce.

Baixar o arquivo

1. No Artifact do sistema, procure os controles no alto do painel. Ali ficam as opções de ver o código, copiar e baixar (às vezes atrás de um menu de três pontinhos ou de uma setinha).
2. Clique em baixar. Se o app perguntar onde salvar, escolha a pasta meu-primeiro-sistema, em Documentos.
3. Confira o nome: tem que ser exatamente index.html. Se veio com outro nome (por exemplo, o título da página), renomeie, como mostrado abaixo.

NO WINDOWS

1. Se o arquivo foi para Downloads, abra o Explorador de Arquivos, clique nele uma vez e aperte Ctrl + X (recortar). Abra Documentos › meu-primeiro-sistema, clique num espaço vazio e aperte Ctrl + V (colar).
2. Se o nome não for index.html, clique no arquivo com o botão direito, escolha Renomear, digite index.html e aperte Enter. Se o Windows avisar que mudar a extensão pode inutilizar o arquivo, clique em Sim.
3. Dê dois cliques no index.html. Ele abre no seu navegador padrão.

A pasta fica assim: C:\Users\voce\Documents\meu-primeiro-sistema\index.html.

NO MAC

1. Se o arquivo foi para Downloads, abra o Finder e arraste o arquivo de Downloads para Documentos › meu-primeiro-sistema.
2. Se o nome não for index.html, clique no arquivo, aperte Enter, digite index.html e aperte Enter de novo. Se o Mac perguntar se quer mesmo mudar a extensão, escolha Usar .html.
3. Dê dois cliques no index.html. Ele abre no seu navegador padrão.

A pasta fica assim: /Users/voce/Documents/meu-primeiro-sistema/index.html.

O endereço file:///

Olhe a barra de endereço do navegador (se ela mostrar só um pedaço, clique nela para ver o endereço inteiro). Em vez de um site, como https://..., o endereço começa com file:///. Isso quer dizer que o navegador está abrindo um arquivo do seu computador, não uma página da internet. Ninguém mais vê esse endereço: ele só existe no seu computador.

Funciona sem internet

Agora a prova de que o sistema é seu de verdade:

1. Desligue o Wi-Fi do computador (ou tire o cabo de rede).
2. No navegador, recarregue a página (F5 no Windows, Cmd + R no Mac).
3. Faça a conta de teste de novo: 2 × 50 e 1 × 30 dão R$ 130,00.
4. Ligue o Wi-Fi de volta.

O sistema continua funcionando porque está tudo dentro do index.html. Foi para isso o "um arquivo só, sem biblioteca de fora" do pedido.

Não deu certo? Veja o que fazer›

• Não acho o botão de baixar: copie e cole. No Artifact, abra a opção de ver o código (ou peça ao Claude "Me mostre o código completo do index.html") e use o botão de copiar. Depois:
  • No Windows: abra o Bloco de Notas, cole com Ctrl + V, clique em Arquivo › Salvar como, escolha a pasta meu-primeiro-sistema, mude Tipo para Todos os arquivos e salve com o nome index.html.
  • No Mac: abra o TextEdit, clique em Formatar › Converter em Texto Simples antes de colar, cole com Cmd + V e salve como index.html na pasta meu-primeiro-sistema. Se ele perguntar, escolha Usar .html.
• Abriu um monte de código em vez da página: o arquivo foi salvo como texto. Veja o nome com a extensão à mostra (etapa Preparar a pasta do guia anterior): se terminar em .txt, renomeie para index.html.
• A página abriu, mas sem o meu nome: você baixou uma versão antiga. Volte ao Artifact, confira se o rodapé tem o seu nome e baixe de novo, substituindo o arquivo.
• Sem internet a página fica em branco ou feia: o Claude usou alguma coisa de fora, contra o pedido. Peça: "Tire tudo o que vem de fora do arquivo. O index.html tem que funcionar sem internet". Depois baixe de novo.
• Tenho dois arquivos, index.html e index (1).html: apague o mais antigo e deixe só o novo, com o nome index.html.