9b3181576f
添加项目基础文件结构、路由配置、API接口和核心组件 实现登录认证、权限控制、WebSocket通信等基础功能 引入antd-mobile UI组件库和Vite构建工具 配置TypeScript、ESLint、Prettier等开发环境 添加移动端适配方案和全局样式 完成首页、工作台、个人中心等基础页面框架
902 B
902 B
使用技术栈
- React 18
- TypeScript
- Vite（新一代前端构建工具）
- axios
- sass (scss)
- React Router v6
- antd-mobile
- antd（已设置基础单位为 rem，配合 postcss-pxtorem）
- postcss-pxtorem（px 转 rem，移动端适配）
- ESLint + Prettier（代码规范与自动格式化）
- 路径别名 @ 指向 src 目录
关于兼容与工程化
- 自动化脚本（yarn lint、yarn dev 等）
- 移动端 rem 适配（html 根字体 + pxtorem）
- iOS 浏览器滚动回弹兼容问题已通过全局样式处理
- 支持 VS Code 编辑器自动格式化（推荐配合 ESLint/Prettier 插件）
目录结构简要
- src/ 业务源码（pages、api、styles、App.tsx、main.tsx 等）
- public/ 静态资源目录
- index.html 项目入口（根目录）
- vite.config.ts 构建与路径别名配置
- tsconfig.json TypeScript 配置
- .eslintrc.js 代码规范配置