该项目由 @umijs/max
模板项目,更多功能参考 Umi Max 简介 提供技术支持
这份说明将为你展示所用工具以及运行环境、代码规范等,请认真阅读
- node >= 14.13.1
- typescript >= 3.0
- yarn >= 1.14.0 or npm >= 6.7.0
- git >= 2.10.1
- GitLens
- Auto Close Tag
- Auto Rename Tag
- ES7 React/Redux/GraphQL/React-Native snippets
- TSLint
- Path Autocomplete
- Bracket Pair Colorizer
- TODO Highlight
- Code Spell Checker
在该项目目录下, 你可以运行以下命令:
yarn install
or npm install
yarn start
or npm start
以开发模式运行该项目然后打开 Chrome 浏览器访问http://localhost:8000.
yarn start:pre
or npm start:pre
以预生产模式运行该项目
yarn start:prod
or npm start:prod
以生产模式运行该项目
React
UmiJs Typescript
React Router
Redux
Ant Design
Pro Component
Ant Design Pro
Jest
ECharts
Webpack
Babel
enzyme
git-flow 是目前流传最广的 Git 分支管理实践。git-flow 围绕的核心概念是版本发布(release)
git-flow 流程中包含 5 类分支,分别是 master、develop、新功能分支(feature)、发布分支(release)和 hotfix
分支类型 | 命名规范 | 创建自 | 合并到 | 说明 |
---|---|---|---|---|
master | master | 开发主分支 | ||
feature | feature/* | master | master | 新功能 |
staging | staging/* | develop | release 和 master | 稳定测试版本发布 |
release | release/* | staging | develop 和 master | 新版本发布 |
hotfix | hotfix/* | staging 或 release | release 和 staging | staging 或 release 中 bug 修复分支 |
bugfix | bugfix/* | master | master | master 中 bug 修复分支 |
master
为开发分支, 是一个进行代码集成的分支, 该分支会及时合并最新代码, 新需求的开发都从此分支上创建feature/my-awesome-feature
为新功能分支, 开发新需求时, 需从master
分支创建hotfix/fix-my-bug
为热修复 bug 分支, 主要是针对release
或staging
分支测试出现的 bug 进行修复release/0.0.1
分支为部署到持续集成服务器上进行测试的分支, 是一个相对稳定的可供测试的分支staging
是部署到测试(预生产)环境中的代码, 一般不允许随意合并其他分支到此分支上bugfix/fix-my-bug
为主分支修复 bug 分支, 主要是针对master
或feature
分支测试出现的 bug 进行修复
- 从
master
分支创建一个新的feature
分支, 如feature/my-awesome-feature
- 在该
feature
分支上进行开发相关需求,完成后提交代码并 push 到远端仓库 - 当代码完成之后,提
pull request
, 代码审核通过后合并到master
分支, 之后可删除当前feature
分支
- 从
master
分支创建一个新的bugfix
分支,如bugfix/fix-my-bug
- 进行相关的 bug 修复并在本地测试通过
- 当 bug 修复之后,提
pull request
, 合并bugfix/fix-my-bug
分支到master
分支
- 从
master
分支创建一个新的staging
分支,如staging/0.0.1
- 把
staging
分支部署到持续集成服务器上, 并交给相关测试人员进行测试 - 对于测试中发现的问题,直接在
staging
分支上创建hotfix/fix-my-bug
分支, 进行相关的 bug 修复 - 当 bug 修复之后,提
pull request
, 合并hotfix/fix-bug
分支到staging
分支, 再次部署并交给测试人员进行测试
- 从
master
分支创建一个新的staging
分支,如staging/0.0.1
- 把
staging
分支部署到持续集成服务器上, 并交给相关测试人员进行测试
- 从
staging
分支创建一个新的release
分支, 如release/0.0.1
- 把
release
分支推到远端, 部署到持续集成服务器上线
使用 commitizen 自动生成合格的 commit message,编写 message 时需要加上 type 前缀 type 用于说明 commit 的类别,只允许使用下面 7 个标识
1. feat:新功能(feature)
2. fix:修补 bug
3. docs:文档(documentation)
4. style: 格式(不影响代码运行的变动)
5. refactor:重构(即不是新增功能,也不是修改 bug 的代码变动)
6. test:增加测试
7. chore:构建过程或辅助工具的变动
Commit message 和 Change log 编写指南
Jest 测试框架官方网站Jest
想获取更多信息,可以访问UmiJs.
想学习更多 React 内容,可访问 React 官方网站 React documentation.