搭建 React + Vite + React Router + TailwindCSS + Ant Design 基础工程,并通过 vite-plugin-pages 实现文件路由。新增首页响应式聊天布局,移动端在小于 750px 时使用左侧抽屉侧边栏。 Made-with: Cursor
34 lines
490 B
Markdown
34 lines
490 B
Markdown
# chat-one-web
|
||
|
||
基于 React + Vite + React Router + TailwindCSS + Ant Design 的 ChatOne Web 项目。
|
||
|
||
## 技术栈
|
||
|
||
- React
|
||
- Vite
|
||
- React Router
|
||
- vite-plugin-pages(基于文件自动生成路由)
|
||
- TailwindCSS
|
||
- Ant Design
|
||
|
||
## 本地开发
|
||
|
||
```bash
|
||
yarn
|
||
yarn dev
|
||
```
|
||
|
||
默认启动地址:`http://localhost:5173`
|
||
|
||
## 构建
|
||
|
||
```bash
|
||
yarn build
|
||
```
|
||
|
||
## 路由说明
|
||
|
||
本项目使用 `vite-plugin-pages` 自动扫描 `src/pages` 目录生成路由:
|
||
|
||
- `src/pages/index.tsx` -> `/`
|