分享一个移动端项目模板：React-Umi4-mobile

分享一个移动端项目模板：React-Umi4-mobile

大家好，今天想和大家分享一个我最近做的移动端项目模板 React-Umi4-mobile。

模板的主要内容

这个模板主要包括：

• 基于 Umi 4 框架
• 使用了 antd-mobile 组件库
• 配置了 px 自动转 vw（基于375设计稿）
• 设置好了接口代理
• 支持 TypeScript
• 封装了api request 请求

怎么使用

使用起来很简单：

# 安装依赖
pnpm install  # 也可以用npm或yarn# 启动项目
pnpm dev

这样就能在浏览器打开项目了，很方便。

项目结构

项目结构很简单，主要就是：

├── .umirc.ts     # 配置文件
├── package.json  # 依赖包
└── src/          # 源码目录

适合做什么项目

这个模板适合开发：

• 移动端H5页面
• 微信小程序内嵌H5
• 需要适配手机屏幕的网页

主要特点

• 接口代理：本地开发时，请求会自动转发到配置的服务器
• 移动端适配：使用375px设计稿，自动转换为vw单位
• 基础依赖：已经集成了常用的前端库

使用这个模板后，你就可以直接专注于写业务代码，不用再花时间在那些基础配置上了。

项目地址

https://github.com/Superljf/React-Umi4-mobile

欢迎大家使用，如果有问题也可以在GitHub上提issue。

相关链接

• Umi官网：https://umijs.org/
• Antd Mobile官网：https://mobile.ant.design/

---