Giter VIP home page Giter VIP logo

antdp's Introduction

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.

antdp's People

Contributors

chenlingasmx avatar huqiaoli avatar hy916 avatar jaywcjlove avatar nullptr-z avatar panbibi avatar renovate-bot avatar renovate[bot] avatar sunlxy avatar xingyuefeng avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.