Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: 5 days 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 (over 2 years ago)
Default Branch: main
Last Pushed: 2022-09-01T01:56:20.000Z (over 2 years ago)
Last Synced: 2024-12-14T00:13:05.877Z (10 days 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: 105
Watchers: 1
Forks: 19
Open Issues: 3
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

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")