--- title: "開発設定" --- LangBotはフロントエンドとバックエンドに分かれています。フロントエンドはVite + React Router + shadcnを使用して開発され、バックエンドはQuart(Flaskの非同期版)を使用して開発されています。 ## バックエンドコードは`pkg`ディレクトリにあり、ルートディレクトリの`main.py`ファイルによって起動されます。依存関係をインストールします。依存関係の管理にはuvを使用します。 ```bash pip install uv uv sync --dev ``` バックエンドを起動します ```bash uv run main.py ``` この時点で、設定ファイルは`data/config.yaml`ファイルに自動的に生成されます。 ## フロントエンドコードは`web`ディレクトリにあり、Node.jsと[pnpm](https://pnpm.io/installation)が必要です。 `.env.example`を`.env`にコピーして、値を入力します。 - Linuxおよびその他の環境での使用 ```bash cp .env.example .env ``` - Windows環境での使用 ```bash copy .env.example .env ``` 依存関係をインストールしてフロントエンドを起動します ```bash pnpm install pnpm dev # pnpmがインストールされていない場合は、npmを使用して依存関係を解決して起動することもできます npm install npm run dev ``` その後、出力情報に従って、`http://127.0.0.1:3000`にアクセスして、スタンドアロンフロントエンドページを表示します。本番環境では、フロントエンドは静的ファイルにプリコンパイルされ、バックエンドによって提供され、フロントエンドは同じドメインのバックエンドアドレスに自動的にアクセスします。 ## コードフォーマットリポジトリにはlintとformatのチェックワークフローが含まれており、コードをプッシュすると自動的にチェックされます。pre-commitを設定して、コードをローカルで事前にチェックしてください。 ```bash uv run pre-commit install ``` ## APIドキュメント各インターフェースを開発する前に、APIFoxでAPIドキュメントを作成します。[APIドキュメント(中国語)](https://ok52vhsenr.apifox.cn/)を参照してください。