Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/antdpro/antdp
一个基于 antd 和 umi 的初始级别项目，集成路由、dva(Redux)、选项卡等特性，用于简化 antd 5.x + 的部分使用。
https://github.com/antdpro/antdp
antd antd-design antdp react-router reactjs umi
Last synced: about 1 month ago
JSON representation
一个基于 antd 和 umi 的初始级别项目，集成路由、dva(Redux)、选项卡等特性，用于简化 antd 5.x + 的部分使用。
- Host: GitHub
- URL: https://github.com/antdpro/antdp
- Owner: antdpro
- License: mit
- Created: 2020-10-12T02:06:43.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2024-10-02T16:48:33.000Z (about 1 month ago)
- Last Synced: 2024-10-09T09:54:28.750Z (about 1 month ago)
- Topics: antd, antd-design, antdp, react-router, reactjs, umi
- Language: TypeScript
- Homepage: https://antdpro.github.io/antdp
- Size: 388 MB
- Stars: 18
- Watchers: 3
- Forks: 18
- Open Issues: 22
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Ant Design Project
---
[](https://github.com/antdpro/antdp/actions/workflows/ci.yml)
[](https://www.npmjs.com/package/antdp)
一个基于 [antd](https://github.com/ant-design/ant-design/) 和 [umi](https://github.com/umijs/umi) 的初始级别项目，集成路由、[`dva`](https://github.com/dvajs/dva)(Redux)、选项卡等特性，用于简化 [antd 5.x +](https://github.com/ant-design/ant-design) 的部分使用。
[](https://stackblitz.com/github/antdpro/antdp/tree/master/examples/antdp-base?embed=1&hideNavigation=0&hidedevtools=0)
### Features
- 🪖 简化 [antd 5.x +](https://github.com/ant-design/ant-design) 和 [umi](https://github.com/umijs/umi) 框架配置使用；
- 📦 减少项目配置和依赖，将配置集成到包中开箱即用；
- 🐝 更简单直观的配置权限和更改 Layout；
- 💋 支持配置路由参数 `/router/:id`；
- 🤡 支持 `tab` 选项卡功能。
### 创建ts项目
使用 [`create-antdp`](https://antdpro.github.io/create-antdp) 工具，将示例 [`basic`](https://antdpro.github.io/antdp/zip/basic.zip) 初始化，让我们快速创建这个 React 应用程序：
```shell
# npm 6.x ts版本
$ npm init antdp my-app --example basic
# npm 7+,ts版本 extra double-dash is needed:
$ npm init antdp my-app -- --example basic
$ yarn create antdp [appName]
# or npm
$ npm create antdp my-app
# or npx
$ npx create-antdp my-app
```
或者直接下载版本: [`basic.zip`](https://antdpro.github.io/antdp/zip/basic.zip)
### 创建js项目
```shell
# npm 6.x
$ npm init antdp my-app --example basicjs
# npm 7+，extra double-dash is needed:
$ npm init antdp my-app -- --example basicjs
$ yarn create antdp [appName] -- --example basicjs
# or npm
$ npm create antdp my-app -- --example basicjs
# or npx
$ npx create-antdp my-app -- --example basicjs
```
或者直接下载版本: [`basicjs.zip`](https://antdpro.github.io/antdp/zip/basicjs.zip)
### 在CodeSandbox中打开，查看实例
[](https://codesandbox.io/s/github/antdpro/antdp/tree/master/examples/antdp-base)
[](https://stackblitz.com/github/antdpro/antdp/tree/master/examples/antdp-base?embed=1&hideNavigation=0&hidedevtools=0)
用户名密码： admin/admin
你可以也直接下载实例下载本地预览: [`antdp-base.zip`](https://antdpro.github.io/antdp/zip/antdp-base.zip)
### 启动项目
```bash
cd [appName]
yarn install
yarn start
```
### 目录结构
```bash
├── config
│ ├── config.js
│ ├── proxy.js
│ └── router.json
├── mock
│ ├── load.js
│ └── user.js
├── package.json
└── src
├── components
├── layouts
├── locales
├── models
├── pages
├── services
└── utils
```
### 相关依赖
This git repository is a repo built using Lerna. It contains several packages:
Package | Version | Description
---- | ---- | ----
[`@antdp/authorized`](https://www.npmjs.com/package/@antdp/authorized) | [](https://www.npmjs.com/package/@antdp/authorized) | - |
[`@antdp/basic-layouts`](https://www.npmjs.com/package/@antdp/basic-layouts) | [](https://www.npmjs.com/package/@antdp/basic-layouts) | - |
[`@antdp/antdp-ui`](https://www.npmjs.com/package/@antdp/antdp-ui) | [](https://www.npmjs.com/package/@antdp/antdp-ui) | - |
[`@antdp/document-title`](https://www.npmjs.com/package/@antdp/document-title) | [](https://www.npmjs.com/package/@antdp/document-title) | - |
[`@antdp/fullscreen`](https://www.npmjs.com/package/@antdp/fullscreen) | [](https://www.npmjs.com/package/@antdp/fullscreen) | - |
[`@antdp/user-login`](https://www.npmjs.com/package/@antdp/user-login) | [](https://www.npmjs.com/package/@antdp/user-login) | - |
[`@antdp/layout-tabs`](https://www.npmjs.com/package/@antdp/layout-tabs) | [](https://www.npmjs.com/package/@antdp/layout-tabs) | - |
[`@antdp/config`](https://www.npmjs.com/package/@antdp/config) | [](https://www.npmjs.com/package/@antdp/config) | - |
[`@antdp/dependencies`](https://www.npmjs.com/package/@antdp/dependencies) | [](https://www.npmjs.com/package/@antdp/dependencies) | - |
[~~`@antdp/icons`~~](https://www.npmjs.com/package/@antdp/icons) | [](https://www.npmjs.com/package/@antdp/icons) | - |
[`@antdp/page-loading`](https://www.npmjs.com/package/@antdp/page-loading) | [](https://www.npmjs.com/package/@antdp/page-loading) | - |
### 参与框架开发
```bash
git clone https://github.com/antdpro/antdp.git
```
```bash
npm install # 安装项目依赖
npm run build # 实时监听包输出 JS
npm run start:website # 运行文档网站
npm run start:antdp-base # 运行实例
```
### 发布版本
```shell
npm run version -- patch # 配置的命令快捷方式，与下面命令效果相同
lerna version --no-changelog patch
```
发布版本可选参数，通过该关键字增加版本。
```bash
lerna version [major | minor | patch | premajor | preminor | prepatch | prerelease]
```
- `major` - 重大的 `1.1.1 => 2.0.0`
- `minor` - 小调 `1.1.1 => 1.2.0` 中间版本变化
- `patch` - 补丁 `1.1.1 => 1.1.2` 小版本递增
- `premajor` - 预发布重大的 `1.1.1 => 2.0.0-alpha.0`
- `preminor` - 预发布小调 `1.1.1 => 1.2.0-alpha.0`
- `prepatch` - 预发布补丁 `1.1.1 => 1.1.2-alpha.0`
- `prerelease` - 预发行 `1.1.1 => 1.1.2-alpha.0`
### License
Licensed under the MIT License.