UIL-FE

基于 React + Vite 构建的 UIL 前端项目

技术栈

• React 18.3.1
• Vite 6.4.1
• Material-UI (MUI) 6.1.10
• JavaScript (ES6+)

安装依赖

npm install

开发

1. 启动头像服务

在头像文件夹所在的父目录下运行：

npx http-server -p 9000 -c-1 --cors

注意：确保 avatars 文件夹在当前目录下

2. 启动开发服务器

npm run dev

项目将在 http://localhost:3000 启动

开发环境下，头像从 http://localhost:9000/avatars 加载 生产环境下，头像从 /avatars 加载

构建

npm run build

预览构建结果

npm run preview

项目结构

uil-fe/
├── public/
│   └── anchor/          # 锚点相关资源
├── src/
│   ├── component/       # React 组件
│   │   ├── Common/      # 通用组件
│   │   ├── InfoCard/    # 信息卡片组件
│   │   ├── TitleBar/    # 标题栏组件
│   │   └── UserCard/    # 用户卡片组件
│   ├── static/          # 静态资源（主题等）
│   ├── utils/           # 工具函数
│   └── index.jsx        # 入口文件
├── index.html           # HTML 模板
├── vite.config.js       # Vite 配置
└── package.json         # 项目配置