Aprendizagem pessoal com IA
e orientação prática

3 minutos para implantar o site oficial, eu uso o Windsurf e o ambiente de desenvolvimento de um clique do Devbox (reimpressão)

Windsurf, sim. Códice Um dos truques mais recentes é o "inteligente e bem informado" IDE DE IAO uso do mesmo Cursor Da mesma forma, o VSCode foi bifurcado diretamente para integrar profundamente os recursos de IA ao IDE.

Veja como desenvolver e implantar um site em 3 minutos usando o Sealos Devbox e o Windsurf para obter uma conexão perfeita entre o ambiente de desenvolvimento local, o ambiente de teste e o ambiente de produção.


3 minutos para implantar o site oficial, uso o Windsurf e o Devbox com um clique para corrigir o ambiente de desenvolvimento-1

O Devbox configura todos os ambientes de desenvolvimento em um único clique, omitindo oConfigure a resolução de nomes de domínio, solicite o certificado SSL, configure o gateway etc.operações tediosas não relacionadas ao desenvolvimento, basta escrever o código.

 

Criação de um ambiente de desenvolvimento

(i) Criação de um ambiente

Comece acessando a área de trabalho do Sealos: https://hzh.sealos.run

Em seguida, abra o aplicativo Devbox e crie um novo projeto, no qual escolhemos usar o Next.js como ambiente de tempo de execução.

3 minutos para implantar o site oficial, uso o Windsurf e o Devbox com um clique para corrigir o ambiente de desenvolvimento-2

(ii) Conexão de Windsurf

Em seguida, você será solicitado a instalar o plug-in Devbox, que o conectará automaticamente ao seu ambiente de desenvolvimento.

3 minutos para implantar o site oficial, uso o Windsurf e o Devbox com um clique para corrigir o ambiente de desenvolvimento-3

Após uma conexão bem-sucedida, abra o Windsurf e selecione Conectar ao ambiente SSH remoto.

3 minutos para implantar o site oficial, eu uso o Windsurf e o ambiente de desenvolvimento de um clique Devbox-4

(iii) Modificação da configuração básica

Depois que a conexão for bem-sucedida, vamos modificar o diretório raiz do projeto clicando no botão "Open Folder" (Abrir pasta) à esquerda:

3 minutos para implantar o site oficial, uso o Windsurf e o Devbox com um clique para corrigir o ambiente de desenvolvimento - 5

Em seguida, selecione o diretório /home/devbox/project como o diretório raiz.

3 minutos para implantar o site oficial, uso o Windsurf e o Devbox com um clique para corrigir o ambiente de desenvolvimento-6

Conclusão da conexão

3 minutos para implantar o site oficial, uso o Windsurf e o Devbox com um clique para corrigir o ambiente de desenvolvimento-7

Desenvolvimento de um site

O Cascade oferece dois modos, o Chat, que é semelhante ao painel Chat do Cursor, e o Edit, que é semelhante ao painel Composer do Cursor para gerar e modificar códigos.

Aqui está o feitiço: escreva para mim uma namorada virtual com IA:

3 minutos para implantar o site oficial, uso o Windsurf e o Devbox com um clique para corrigir o ambiente de desenvolvimento-8

Depois de criar os vários arquivos, ele também me perguntou cuidadosamente se eu queria instalar as dependências, e os comandos foram todos escritos para mim9

3 minutos para implantar o site oficial, eu uso o Windsurf e o Devbox para obter o ambiente de desenvolvimento em um clique-9

Basta clicar em "Accept all" (Aceitar tudo) no canto inferior direito para aceitar todas as alterações.

3 minutos para implantar o site oficial, eu uso o Windsurf e o Devbox para obter o ambiente de desenvolvimento em um clique - 10

Publicado em

O tópico desse compartilhamento é "O código entra no ar rapidamente"Então, como faço para ver essa demonstração na Internet?

Vamos voltar ao projeto Devbox e clicar emendereço da extranetVocê pode ver o efeito na rede pública.

3 minutos para implantar o site oficial, eu uso o Windsurf e o Devbox com um clique para corrigir o ambiente de desenvolvimento-11 3 minutos para implantar o site oficial, eu uso o Windsurf e o Devbox com um clique para corrigir o ambiente de desenvolvimento-12

Obviamente, esse é apenas o efeito demonstrado com o código inicializado. A seguir, vamos mostrar como atualizar o ambiente on-line depois de modificar parte do código.

Código de atualização

Veja um exemplo de modificação do conteúdo de uma página da Web adicionando Eu sou Jay lembre-se de salvar o código.

3 minutos para implantar o site oficial, eu uso o Windsurf e o Devbox para obter o ambiente de desenvolvimento em um clique -13

No Terminal, pressione Ctrl + C Feche o aplicativo e digite o comando novamente python3 hello.py Reinicialização.

3 minutos para implantar o site oficial, eu uso o Windsurf e o Devbox para obter o ambiente de desenvolvimento em um clique-14

Tanto o código local quanto o on-line serão atualizados com sucesso imediatamente, sem nenhuma ação adicional, e o código on-line entrará em vigor.

No entanto, não concluímos a publicação on-line do Oh, afinal, o computador nem sempre consegue executar o programa.

3 minutos para implantar o site oficial, eu uso o Windsurf e o ambiente de desenvolvimento de um clique do Devbox-15

 

resumos

No desenvolvimento tradicional, conectar-se a um banco de dados em seu ambiente de desenvolvimento é como viajar milhares de quilômetros para conseguir um encontro - é preciso combinar IPs, ajustar firewalls e alterar configurações. Mas no Sealos, o Cursor e o banco de dados são como amigos de infância que moram um ao lado do outro, e você pode marcar um encontro sempre que quiser, sem precisar fazer uma ligação telefônica. Não é essa a experiência de desenvolvimento ideal para todo desenvolvedor? Se você tiver dúvidas sobre o uso do Windsurf, saiba mais:Tutorial em chinês do Windsurf, método de instalação e uso do Windsurf

Com essa dupla de deuses e deusas, você pode se concentrar mais na realização de suas ideias de produtos em vez de ter sua paciência esgotada por configurações de ambiente complicadas.

Aprendizagem fácil com IA

O guia do leigo para começar a usar a IA

Ajuda você a aprender a utilizar as ferramentas de IA com baixo custo e a partir de uma base zero.A IA, assim como o software de escritório, é uma habilidade essencial para todos. Dominar a IA lhe dará uma vantagem em sua busca de emprego e metade do esforço em seu trabalho e estudos futuros.

Ver detalhes>
Não pode ser reproduzido sem permissão:Chefe do Círculo de Compartilhamento de IA " 3 minutos para implantar o site oficial, eu uso o Windsurf e o ambiente de desenvolvimento de um clique do Devbox (reimpressão)

Chefe do Círculo de Compartilhamento de IA

O Chief AI Sharing Circle se concentra no aprendizado de IA, fornecendo conteúdo abrangente de aprendizado de IA, ferramentas de IA e orientação prática. Nosso objetivo é ajudar os usuários a dominar a tecnologia de IA e explorar juntos o potencial ilimitado da IA por meio de conteúdo de alta qualidade e compartilhamento de experiências práticas. Seja você um iniciante em IA ou um especialista sênior, este é o lugar ideal para adquirir conhecimento, aprimorar suas habilidades e realizar inovações.

Entre em contato conosco
pt_BRPortuguês do Brasil