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:

npm create ant-design-pro@latest

with Yarn:

yarn create ant-design-pro

with PNPM:

pnpm create ant-design-pro

Then follow the prompts!

Differences with ant-design-pro

No Umi related dependencies, we using Vite

Alternative to umi plugin

• plugin-layout: 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

Thanks for the great project

• Vite
• Ant Design Pro