Vue3 + TypeScript + Tailwind CSSフレームワークを使用して、シンプルなチャット会話はOpenAIのgpt-3.5-turboモデルAPIと呼ばれ、継続的な会話をサポートします。

注:このプロジェクトでは、APIはフロントエンドでリクエストを送信します。サーバーにAPIリクエストを送信するためにChatGptが必要な場合は、他のプロジェクトChatGPT-Nuxtをチェックして、オンラインで体験するためにここをクリックしてください。
開始する前に、node.jsランタイム環境を正しくインストールしていることを確認してください。 node.jsをインストールしていない場合は、ここをクリックしてダウンロードしてください。
ChatGPTを使用するには、最初にAPIキーを申請する必要がありますが、APIキーを持っていないユーザーはここに移動して生成できます。
準備ができたら、プロジェクトルートディレクトリにアクセスして、次のコマンドを実行してプロジェクトを実行します。
npm i
npm run devまたは
yarn
yarn dev通常、実行が成功したときに表示されます(特定のものを参照してください):
VITE v3.2.5 ready in 294 ms
➜ Local: http://localhost:5173/
➜ Network: use --host to expose Ctrlまたはcommandを押し続けると、ローカルリンクをクリックし、ブラウザでプロジェクトを開き、ページの下部にある入力ボックスのAPIキーを入力し、[保存]をクリックして開始します!
APIキーを変更する場合は、ページの右上隅の设置をクリックして、再入力して保存します。
パッケージをローカルで実行する場合は、こちらをご覧ください。
これがあなたに役立つことを願っています。他に質問がある場合は、コメントセクションでお気軽にお問い合わせください。ありがとうございます。
このプロジェクトでは、MITプロトコルを使用しています