ウィンドサーフィンはね。 コーディウム 最新の大物のひとつは、「賢く、知識も豊富」なAI IDEである。 カーソル 同じように、VSCodeはIDEにAI機能を深く統合するために直接フォークされた。
ここでは、Sealos DevboxとWindsurfを使用して、ローカル開発環境、テスト環境、本番環境間のシームレスな接続を実現し、3分でウェブサイトを開発およびデプロイする方法を紹介します。
Devboxは、ワンクリックですべての開発環境を設定し、次のような作業を省くことができる。ドメイン名解決の設定、SSL証明書の申請、ゲートウェイの設定など。開発とは関係のない面倒な作業は、コードを書くだけでいい。
開発環境の構築
(環境づくり
Sealosのデスクトップhttps://hzh.sealos.run。
次にDevboxアプリを開き、新規プロジェクトを作成します。ここでは実行環境としてNext.jsを選択します。
(ii) コネクティング・ウィンドサーフ
するとDevboxプラグインのインストールを促され、自動的に開発環境に接続されます。
接続に成功したら、Windsurfを開き、Connect to Remote SSH Environmentを選択します。
(iii) 基本構成の変更
接続が成功したら、左側の「フォルダを開く」ボタンをクリックして、プロジェクトのルート・ディレクトリを変更してみよう：
次にルートディレクトリとして/home/devbox/projectディレクトリを選択します。
接続の完了
ウェブサイトの開発
Cascadeには、CursorのChatパネルに似たChatと、CursorのComposerパネルに似たEditの2つのモードがあり、コードの生成や修正を行うことができる。
ほら、AIのバーチャル・ガールフレンドを書いてよ：
様々なファイルを作成した後、依存関係をインストールするかどうかも尋ねてきた。
右下の "Accept all "をクリックし、すべての変更を受け入れる。
投稿日
今回のシェアリングのテーマは"コードの迅速な公開「では、このデモをインターネットで見るには？
Devboxプロジェクトに戻ってエクストラネットアドレスパブリック・ネットワークへの影響を見ることができる。
もちろん、これは初期化されたコードで示された効果に過ぎない。次に、コードの一部を変更した後にオンライン環境を更新する方法を紹介しよう。
更新コード
以下は、ウェブページの内容を変更する例である。 私はジェイ 文字を入力したら、コードを保存することを忘れないでください。
ターミナルから Ctrl + C アプリケーションを終了し、もう一度コマンドを入力する。 python3 hello.py リブート。
ローカルとオンラインの両方が正常に更新され、余計な操作をすることなく、オンラインコードが有効になる。
しかし、我々は、すべての後に、コンピュータが常にプログラムを実行することはできません、ああ、オンライン公開を完了しなかった、その後の手順を説明します。
概要
従来の開発環境では、開発環境のデータベースに接続することは、デートのために何千マイルも旅するようなものです - IPを合わせ、ファイアウォールを調整し、設定を変更しなければなりません。しかしSealosでは、Cursorとデータベースは隣に住む幼なじみのようなもので、電話をかけることなく、いつでも好きなときにデートができます。これは、すべての開発者にとって理想的な開発体験ではないでしょうか。
この神と女神のペアがいれば、面倒な環境設定に忍耐力を奪われることなく、製品のアイデアを実現することに集中できる。
