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

116 阅读1分钟

分享一个移动端项目模板: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单位
  • 基础依赖:已经集成了常用的前端库

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

项目地址

github.com/Superljf/Re…

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

相关链接