3 minutos para desplegar el sitio web oficial, yo uso Windsurf y Devbox entorno de desarrollo de un solo clic (reproducido)

Windsurf sea Codeium Uno de los trucos más nuevos del libro es un "a la vez inteligente e informado" AI IDEEl uso del mismo Cursor Del mismo modo, VSCode se bifurcó directamente para integrar en profundidad las capacidades de IA en el IDE.

Así es como utilizamos Sealos Devbox y Windsurf 3 minutos para desarrollar y desplegar un sitio web, lo que permite una integración perfecta de entornos de desarrollo locales, entornos de prueba y entornos de producción.

Devbox configura todos los entornos de desarrollo en un solo clic, omitiendo elConfigurar la resolución de nombres de dominio, solicitar un certificado SSL, configurar la pasarela, etc.operaciones tediosas no relacionadas con el desarrollo, basta con escribir el código.

Creación de un entorno de desarrollo

(i) Crear un entorno

Para empezar, vaya al escritorio de Sealos: https://hzh.sealos.run

A continuación, abra la aplicación Devbox y cree un nuevo proyecto, donde elegimos utilizar Next.js como entorno de ejecución.

(ii) Conexión Windsurf

A continuación, se le pedirá que instale el plugin Devbox, que le conectará automáticamente a su entorno de desarrollo.

Después de una conexión exitosa, abra Windsurf y seleccione Conectar a Entorno SSH Remoto.

(iii) Modificación de la configuración de base

Una vez establecida la conexión, vamos a modificar el directorio raíz del proyecto haciendo clic en el botón "Abrir carpeta" de la izquierda:

A continuación, seleccione el directorio /home/devbox/project como directorio raíz.

Finalizar la conexión

Desarrollar un sitio web

Cascade proporciona dos modos, Chat, que es similar al panel Chat de Cursor, y Editar, que es similar al panel Compositor de Cursor para generar y modificar código.

Aquí está el hechizo. Toma, escríbeme una novia virtual AI:

Tras crear los distintos archivos, también me preguntó si quería instalar las dependencias, y todos los comandos se escribieron para mí9.

Haz clic en "Aceptar todo" en la esquina inferior derecha para aceptar todos los cambios.

Publicado el

El tema de esta puesta en común es "El código se activa rápidamente"¿Cómo puedo ver esta demostración en Internet?

Volvamos al proyecto Devbox y hagamos clic endirección extranetPuedes ver el efecto en la red pública.

Por supuesto, éste es sólo el efecto demostrado con el código inicializado. A continuación, vamos a mostrar cómo actualizar el entorno en línea después de modificar parte del código.

Código de actualización

He aquí un ejemplo de modificación del contenido de una página web añadiendo Soy Jay caracteres, recuerde guardar el código.

Desde el Terminal, pulse Ctrl + C Cierra la aplicación y vuelve a introducir el comando python3 hola.py Reinicia.

Tanto el código local como el código en línea se actualizarán correctamente de forma inmediata, sin necesidad de realizar ninguna acción adicional.

Sin embargo, no completamos la publicación en línea Oh, después de todo, el ordenador no siempre puede ejecutar el programa, se describirán los pasos posteriores.

resúmenes

En el desarrollo tradicional, conectarse a una base de datos en tu entorno de desarrollo es como viajar miles de kilómetros para conseguir una cita: tienes que hacer coincidir IPs, ajustar cortafuegos y cambiar configuraciones. Pero en Sealos, Cursor y base de datos son como amigos de la infancia que viven uno al lado del otro, usted puede hacer una cita siempre que lo desee sin siquiera hacer una llamada telefónica. ¿No es esta la experiencia de desarrollo ideal para todo desarrollador? Si usted tiene dudas sobre el uso de Windsurf, por favor aprenda más:Windsurf Chinese tutorial, Windsurf método de instalación y uso

Con este par de dioses y diosas, podrá centrarse más en hacer realidad sus ideas de producto en lugar de agotar su paciencia con engorrosas configuraciones del entorno.