zhongyidian
29029bb608
- Updated project title in README.md to reflect the new focus on "名师工作室". - Enhanced Image component to accept custom styles. - Implemented teacher selection feature in Menu component, allowing users to select and display different teacher avatars with corresponding positions and transitions.
65 lines
1.2 KiB
Markdown
65 lines
1.2 KiB
Markdown
# 名师工作室 - 实验课件系统
|
|
|
|
这是一个基于 React 的名师工作室实验课件交互式平台。
|
|
|
|
## 技术栈
|
|
|
|
- **框架**: React 19 + Vite 7
|
|
- **样式**: Tailwind CSS 4
|
|
- **路由**: React Router Dom 7
|
|
- **拖拽**: @dnd-kit
|
|
- **HTTP 客户端**: Axios
|
|
- **图标**: Lucide React
|
|
- **包管理器**: pnpm
|
|
|
|
## 开发环境要求
|
|
|
|
- Node.js 18+
|
|
- pnpm 10+
|
|
|
|
## 安装依赖
|
|
|
|
```bash
|
|
pnpm install
|
|
```
|
|
|
|
## 开发命令
|
|
|
|
```bash
|
|
# 启动开发服务器
|
|
pnpm dev
|
|
|
|
# 构建生产版本
|
|
pnpm build
|
|
|
|
# 预览生产构建
|
|
pnpm preview
|
|
|
|
# 代码检查
|
|
pnpm lint
|
|
```
|
|
|
|
## 项目特性
|
|
|
|
- 支持拖拽交互的实验课件展示
|
|
- 响应式设计，适配多种设备
|
|
- 模块化组件架构
|
|
- 现代化的 UI 设计
|
|
|
|
## 项目结构
|
|
|
|
```
|
|
sensor-lab/
|
|
├── src/
|
|
│ ├── components/ # 可复用组件
|
|
│ ├── assets/ # 静态资源
|
|
│ ├── App.jsx # 主应用组件
|
|
│ └── main.jsx # 应用入口
|
|
├── public/ # 公共资源
|
|
└── index.html # HTML 模板
|
|
```
|
|
|
|
## 开发说明
|
|
|
|
本项目使用 **pnpm** 作为包管理工具，请勿使用 npm 或 yarn 安装依赖，以保持依赖的一致性。
|