antdpro / antdp

一个基于 antd 和 umi 的初始级别项目,集成路由、dva(Redux)、选项卡等特性,用于简化 antd 5.x + 的部分使用。
https://antdpro.github.io/antdp
MIT License
19 stars 18 forks source link
antd antd-design antdp react-router reactjs umi

Ant Design Project

Build & Deploy NPM Downloads

一个基于 antdumi 的初始级别项目,集成路由、dva(Redux)、选项卡等特性,用于简化 antd 5.x + 的部分使用。

Ant Design Project

Features

创建ts项目

使用 create-antdp 工具,将示例 basic 初始化,让我们快速创建这个 React 应用程序:

# 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

创建js项目

# 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

在CodeSandbox中打开,查看实例

Open in CodeSandbox Open in StackBlitz

用户名密码: admin/admin

你可以也直接下载实例下载本地预览: antdp-base.zip

启动项目

cd [appName]
yarn install
yarn start

目录结构

├── 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 npm -
@antdp/basic-layouts npm -
@antdp/antdp-ui npm -
@antdp/document-title npm -
@antdp/fullscreen npm -
@antdp/user-login npm -
@antdp/layout-tabs npm -
@antdp/config npm -
@antdp/dependencies npm -
@antdp/icons npm -
@antdp/page-loading npm -

参与框架开发

git clone https://github.com/antdpro/antdp.git
npm install               # 安装项目依赖
npm run build             # 实时监听包输出 JS
npm run start:website     # 运行文档网站
npm run start:antdp-base  # 运行实例

发布版本

npm run version -- patch # 配置的命令快捷方式,与下面命令效果相同
lerna version --no-changelog patch

发布版本可选参数,通过该关键字增加版本。

lerna version [major | minor | patch | premajor | preminor | prepatch | prerelease]

License

Licensed under the MIT License.