3 минуты на развертывание официального сайта, я использую Windsurf и Devbox one-click development environment (воспроизводится)

Виндсерфинг быть Codeium Один из самых новых приемов в книге - "и умный, и знающий". AI IDEИспользование одного и того же Курсор Таким же образом был создан форк VSCode для глубокой интеграции возможностей искусственного интеллекта в IDE.

Вот как мы используем Sealos Devbox и Windsurf 3 минуты на разработку и развертывание веб-сайта, что позволяет легко интегрировать локальные среды разработки, тестовые среды и производственные среды.

Devbox настраивает все среды разработки одним щелчком мыши, исключаяНастройте разрешение доменных имен, подайте заявку на SSL-сертификат, настройте шлюз и т.д.нудные операции, не связанные с разработкой, просто напишите код.

Создание среды разработки

(i) Создание условий

Начните с рабочего стола Sealos: https://hzh.sealos.run.

Затем откройте приложение Devbox и создайте новый проект, в котором в качестве среды выполнения мы выберем Next.js.

(ii) Подключение виндсерфинга

Затем вам будет предложено установить плагин Devbox, который автоматически подключит вас к среде разработки.

После успешного подключения откройте Windsurf и выберите Connect to Remote SSH Environment.

(iii) Изменение базовой конфигурации

После успешного подключения давайте изменим корневой каталог проекта, нажав на кнопку "Открыть папку" слева:

Затем выберите каталог /home/devbox/project в качестве корневого каталога.

Завершение подключения

Разработка веб-сайта

Cascade предоставляет два режима: Chat, который похож на панель Chat в Cursor, и Edit, который похож на панель Composer в Cursor, для генерации и изменения кода.

Вот заклинание. Напиши мне виртуальную подружку ИИ:

После создания различных файлов он также заботливо спросил меня, хочу ли я установить зависимости, и все команды были написаны за меня9

Просто нажмите "Принять все" в правом нижнем углу, чтобы принять все изменения.

Опубликовано

Тема этого обмена - "Код быстро вводится в эксплуатацию"Итак, как мне посмотреть эту демонстрацию в Интернете?

Давайте вернемся к проекту Devbox и нажмем кнопкуадрес экстранетаВы можете увидеть эффект в публичной сети.

Конечно, это лишь эффект, продемонстрированный с помощью инициализированного кода. Далее покажем, как обновить онлайн-среду после изменения части кода.

Код обновления

Вот пример изменения содержимого веб-страницы путем добавления Я Джей. символы, не забудьте сохранить код.

В терминале нажмите кнопку Ctrl + C Закройте приложение и снова введите команду python3 hello.py Перезагрузка.

И локальный, и онлайн-код будут успешно обновлены сразу же, без каких-либо дополнительных действий, онлайн-код вступит в силу.

Однако мы не завершили онлайн-публикацию О, в конце концов, компьютер не всегда может запустить программу, последующие шаги будут описаны.

резюме

В традиционной разработке подключение к базе данных в среде разработки похоже на путешествие за тысячи миль, чтобы назначить свидание - вам приходится подбирать IP-адреса, настраивать брандмауэры и менять конфигурацию. Но в Sealos Cursor и база данных - это как друзья детства, живущие по соседству друг с другом, и вы можете назначить свидание в любое время, даже не делая телефонного звонка. Разве это не идеальный опыт разработки для каждого разработчика? Если у вас есть сомнения по поводу использования Windsurf, пожалуйста, узнайте больше:Китайский учебник по Windsurf, установка и использование Windsurf

С этой парой богов и богинь вы сможете больше сосредоточиться на реализации своих идей, а не истощать свое терпение утомительной настройкой среды.