From c4e4e7837169994e534c56ee9af552e3f5e3bfcd Mon Sep 17 00:00:00 2001
From: Junyan Qin <rockchinq@gmail.com>
Date: Sun, 11 May 2025 20:30:23 +0800
Subject: [PATCH] doc: complete dev-config

---
 docs/zh/develop/dev-config.md | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/docs/zh/develop/dev-config.md b/docs/zh/develop/dev-config.md
index f09c9650c..fcd9d5dc3 100644
--- a/docs/zh/develop/dev-config.md
+++ b/docs/zh/develop/dev-config.md
@@ -2,7 +2,7 @@
 
 > 此文档基于 LangBot 4.0 版本编写
 
-LangBot 分为前端和后端，前端使用 Next.js 开发，后端通过 Quart（Flask 的异步版本）开发。
+LangBot 分为前端和后端，前端使用 Next.js + shadcn 开发，后端通过 Quart（Flask 的异步版本）开发。
 
 ## 后端
 
@@ -22,3 +22,20 @@ python main.py
 
 此时配置文件会自动生成到 `data/config.yaml` 文件中。
 
+## 前端
+
+代码位于 `web` 目录下，需要安装 Node.js。
+
+安装依赖
+
+```bash
+npm install
+```
+
+去`web/src/app/infra/http/HttpClient.ts`文件中，将最底部的`export const httpClient = new HttpClient('/');`修改为`export const httpClient = new HttpClient('http://localhost:5300');`，以确保前端可以访问到独立的后端。
+
+启动调试
+
+```bash
+npm run dev
+```
\ No newline at end of file