chat-demo

开箱即用的聊天界面模板，快速搭出对话 Demo

开源 🏷️完全免费 ⏳ 访问状态待核验对话助手 🍴 复刻 272 🐛 待处理 1 👀 关注 6

访问官网 ↗ GitHub ↗

GitHub 星标 ★ 1665

维护状态活跃

是否开源开源

定价模式 🏷️完全免费开源演示项目，免费使用

项目预览

项目数据

分类对话助手

开发团队deepseek-ai

官网地址https://deepseek-ai.github.io/chat-demo

GitHubhttps://github.com/deepseek-ai/chat-demo

定价模式🏷️完全免费

价格说明开源演示项目，免费使用

访问状态⏳ 访问状态待核验

是否开源是

开源协议MIT

主要语言TypeScript

GitHub 星标★ 1665

上线时间2026-11-12 00:00:00

代码更新2026-11-13

仓库体积123 KB

本站数据更新2026-11-15

维护状态活跃

收录时间2026-11-15

浏览次数0

项目介绍

chat-demo 是一个用 TypeScript 编写的开源对话助手示例项目，主要面向想快速搭建聊天界面的开发者。它提供了一套可运行的对话交互前端与基础逻辑，涵盖消息列表渲染、输入发送、流式回复展示等常见能力，帮助开发者跳过从零搭建 UI 和交互流程的阶段，直接在此基础上接入自己的模型服务或后端接口。项目结构清晰、技术栈现代，适合作为学习对话类产品前端架构的参考模板，也可作为内部原型或 Demo 的起点。对于需要定制化聊天体验的团队，它可以减少重复造轮子的成本，把精力集中在业务逻辑与模型能力上。

Star 增长趋势

本站每日记录该项目 GitHub 星标变化，观测越久曲线越完整

数据来源：GitHub API 逐日快照 · 收录于 2026-11-15 · 当前星标 ★ 1665

使用教程

难度：入门约 10 分钟部署方式：本地安装 6 步

环境要求

Node.js 22.12 或更高版本
pnpm 包管理器
现代浏览器（需要支持在 file:// 页面使用存储）
可用的 DeepSeek API Key
如需直接打开构建结果，API 服务需允许跨域请求

安装与启动步骤

1准备运行环境

先安装 Node.js 22.12+，再安装 pnpm。README 未给出具体安装命令，请按各自官方文档完成安装并确认版本满足要求。
2克隆项目代码

把仓库克隆到本地并进入项目目录，后续命令都在该目录下执行。
```
git clone https://github.com/deepseek-ai/chat-demo.git
cd chat-demo
```
3安装项目依赖

在项目根目录执行依赖安装，等待 pnpm 完成下载；如网络较慢可先配置好可用的镜像源。
```
pnpm install
```
4启动开发服务

启动本地开发服务器，随后在浏览器访问 http://localhost:8090 打开聊天界面。
```
pnpm dev
```
5填写 API Key

首次对话前，在页面设置中填入自己的 API Key，并确认 API 服务地址为你要使用的服务。
6构建静态站点

需要部署时执行构建，产物输出到 dist/ 目录，可放到静态 Web 服务器，或直接打开 dist/index.html。
```
pnpm build
```