3 minutes pour déployer le site officiel, j'utilise Windsurf et Devbox one-click development environment (reproduit)

Planche à voile être Codeium L'un des nouveaux tours de passe-passe est le "à la fois intelligent et bien informé" AI IDEL'utilisation du même Curseur De la même manière, VSCode a été directement forké pour intégrer en profondeur les capacités d'IA dans l'IDE.

Voici comment nous utilisons Sealos Devbox et Windsurf 3 minutes pour développer et déployer un site web, permettant une intégration transparente des environnements de développement locaux, des environnements de test et des environnements de production.

3分钟部署上线官网,我用 Windsurf 和 Devbox一键搞定开发环境(转载)

Devbox configure tous les environnements de développement en un seul clic, en omettant l'étape du développement.Configurer la résolution du nom de domaine, demander un certificat SSL, configurer la passerelle, etc.les opérations fastidieuses non liées au développement, il suffit d'écrire le code.

 

Créer un environnement de développement

(i) Créer un environnement

Commencez par vous rendre sur le bureau de Sealos : https://hzh.sealos.run

Ouvrez ensuite l'application Devbox et créez un nouveau projet, dans lequel nous choisissons d'utiliser Next.js comme environnement d'exécution.

3分钟部署上线官网,我用 Windsurf 和 Devbox一键搞定开发环境(转载)

(ii) Planche à voile de connexion

Vous serez alors invité à installer le plugin Devbox, qui vous connectera automatiquement à votre environnement de développement.

3分钟部署上线官网,我用 Windsurf 和 Devbox一键搞定开发环境(转载)

Après une connexion réussie, ouvrez Windsurf et sélectionnez Connect to Remote SSH Environment.

3分钟部署上线官网,我用 Windsurf 和 Devbox一键搞定开发环境(转载)

(iii) Modification de la configuration de base

Une fois la connexion réussie, modifions le répertoire racine du projet en cliquant sur le bouton "Ouvrir le dossier" à gauche :

3分钟部署上线官网,我用 Windsurf 和 Devbox一键搞定开发环境(转载)

Sélectionnez ensuite le répertoire /home/devbox/project comme répertoire racine.

3分钟部署上线官网,我用 Windsurf 和 Devbox一键搞定开发环境(转载)

Compléter la connexion

3分钟部署上线官网,我用 Windsurf 和 Devbox一键搞定开发环境(转载)

Développement d'un site web

Cascade propose deux modes, Chat, qui est similaire au panneau Chat de Cursor, et Edit, qui est similaire au panneau Composer de Cursor pour générer et modifier du code.

Voici le sort, écrivez-moi une petite amie virtuelle IA :

3分钟部署上线官网,我用 Windsurf 和 Devbox一键搞定开发环境(转载)

Après avoir créé les différents fichiers, il m'a également demandé si je souhaitais installer les dépendances, et les commandes ont toutes été écrites pour moi9.

3分钟部署上线官网,我用 Windsurf 和 Devbox一键搞定开发环境(转载)

Il suffit de cliquer sur "Accepter tout" dans le coin inférieur droit pour accepter toutes les modifications.

3分钟部署上线官网,我用 Windsurf 和 Devbox一键搞定开发环境(转载)

Publié le

Le thème de ce partage est "Le code est rapidement mis en ligne"Comment puis-je voir cette démo sur l'internet ?

Revenons au projet Devbox et cliquons suradresse extranetVous pouvez voir l'effet sur le réseau public.

3分钟部署上线官网,我用 Windsurf 和 Devbox一键搞定开发环境(转载)3分钟部署上线官网,我用 Windsurf 和 Devbox一键搞定开发环境(转载)

Bien entendu, il ne s'agit que de l'effet démontré avec le code initialisé. Ensuite, montrons comment mettre à jour l'environnement en ligne après avoir modifié une partie du code.

Code de mise à jour

Voici un exemple de modification du contenu d'une page web par l'ajout de Je suis Jay n'oubliez pas de sauvegarder le code.

3分钟部署上线官网,我用 Windsurf 和 Devbox一键搞定开发环境(转载)

Dans le terminal, appuyez sur Ctrl + C Fermez l'application et entrez à nouveau la commande python3 hello.py Reboot.

3分钟部署上线官网,我用 Windsurf 和 Devbox一键搞定开发环境(转载)

Le code local et le code en ligne seront mis à jour avec succès immédiatement, sans aucune action supplémentaire, et le code en ligne prendra effet.

Cependant, nous n'avons pas terminé la publication en ligne Oh, après tout, l'ordinateur ne peut pas toujours exécuter le programme, les étapes suivantes seront décrites.

3分钟部署上线官网,我用 Windsurf 和 Devbox一键搞定开发环境(转载)

 

résumés

Dans le développement traditionnel, se connecter à une base de données dans votre environnement de développement revient à parcourir des milliers de kilomètres pour obtenir un rendez-vous - vous devez faire correspondre les IP, ajuster les pare-feu et modifier les configurations. Mais dans Sealos, le curseur et la base de données sont comme des amis d'enfance qui vivent l'un à côté de l'autre, vous pouvez obtenir un rendez-vous quand vous le souhaitez sans même passer un coup de fil. N'est-ce pas là l'expérience de développement idéale pour tout développeur ? Si vous avez des doutes sur l'utilisation de Windsurf, nous vous invitons à en savoir plus :Windsurf tutoriel chinois, Windsurf méthode d'installation et d'utilisation

Avec cette paire de dieux et de déesses, vous pouvez vous concentrer sur la réalisation de vos idées de produits plutôt que de perdre patience à cause de configurations d'environnement encombrantes.

© déclaration de droits d'auteur
AiPPT

Articles connexes

Pas de commentaires

Vous devez être connecté pour participer aux commentaires !
S'inscrire maintenant
aucun
Pas de commentaires...