antdp

Ant Design Project ---

Usage no npm install needed!

<script type="module">
  import antdp from 'https://cdn.skypack.dev/antdp';
</script>

README

Ant Design Project

Build & Deploy NPM Downloads

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

Ant Design Project

Features

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

Quick start

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

# npm 6.x
$ npm init antdp my-app --example antdp-base
# npm 7+, extra double-dash is needed:
$ npm init antdp my-app -- --example antdp-base

$ yarn create antdp [appName]
# or npm
$ npm create antdp my-app
# or npx
$ npx create-antdp my-app

或者直接下载: antdp-base.zip

Open in CodeSandbox

Open in CodeSandbox Open in StackBlitz

用户名密码： admin/admin

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

Packages

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 -

发布版本

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

开发

npm install               # 按照项目依赖
npm run install           # 按照【子包】和【实例】依赖

npm run watch:config      # 实时监听包输出 JS

npm run start:website     # 运行文档网站
npm run build:antdp-base  # 运行实例

License

Licensed under the MIT License.