https://github.com/Dunqing/vite-ant-design-pro

Ant Design Pro based on Vite
https://github.com/Dunqing/vite-ant-design-pro

ant-design-pro antd-admin create-ant-design-pro vite vite-admin vite-plugin-antd-layout vite-umi

Last synced: about 2 months ago
JSON representation

Ant Design Pro based on Vite

• Host: GitHub
• URL: https://github.com/Dunqing/vite-ant-design-pro
• Owner: Dunqing
• License: mit
• Created: 2022-04-05T10:00:53.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2022-09-01T01:56:20.000Z (almost 2 years ago)
• Last Synced: 2024-04-04T17:11:46.697Z (2 months ago)
• Topics: ant-design-pro, antd-admin, create-ant-design-pro, vite, vite-admin, vite-plugin-antd-layout, vite-umi
• Language: TypeScript
• Homepage: https://vite-ant-design-pro.vercel.app
• Size: 925 KB
• Stars: 97
• Watchers: 1
• Forks: 16
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Lists

• awesome-vite - vite-ant-design-pro - React + antd + ProComponents + ReactQuery + ReactRouter6. (Get Started / Templates)

README

        
Vite Ant Design Pro




  Preview

      | 

  Next layout preview



## Features

- TypeScript: A language for application-scale JavaScript

- Neat Design: Follow Ant Design specification

- Common Templates: Typical templates for enterprise applications

- Responsive: Designed for variable screen sizes

- Theming: Customizable theme with simple config

- State Management: Using react-query

- International: Based on react-intl

- Router: Based on react-router-dom@6

- Best Practices: Solid workflow to make your code healthy

## Usage

with NPM: 

```bash

npm create ant-design-pro@latest

```

with Yarn: 

```bash

yarn create ant-design-pro

```

with PNPM: 

```bash

pnpm create ant-design-pro

```

Then follow the prompts!

## Differences with [ant-design-pro](https://pro.ant.design)

No `Umi` related dependencies, we using `Vite`

## Alternative to umi plugin

- plugin-layout: [vite-plugin-antd-layout](https://www.npmjs.com/package/vite-plugin-antd-layout)

- plugin-access: Write one by hand

- plugin-locale: react-intl

- plugin-dva: @reduxjs/toolkit

- plugin-model: Unnecessary

- plugin-request: axios

- plugin-sass: [Built-in vite](https://vitejs.dev/guide/features.html#css-pre-processors)

### Thanks for the great project

- [Vite]("https://github.com/vitejs/vite")

- [Ant Design Pro]("https://github.com/ant-design/ant-design-pro")