Skip to content
/ antdp Public

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

License

Notifications You must be signed in to change notification settings

antdpro/antdp

Repository files navigation

Ant Design Project

Build & Deploy NPM Downloads

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

Ant Design Project

Features

  • 🪖 简化 antd 5.x +umi 框架配置使用;
  • 📦 减少项目配置和依赖,将配置集成到包中开箱即用;
  • 🐝 更简单直观的配置权限和更改 Layout;
  • 💋 支持配置路由参数 /router/:id
  • 🤡 支持 tab 选项卡功能。

创建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]
  • 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.

About

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

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published