Overview
Soybean Admin is a modern and powerful admin template built on cutting-edge front-end technologies like Vue3, Vite5, TypeScript, Pinia, and UnoCSS. It offers a clean project architecture, strict code specifications, rich theme configuration, internationalization support, automated file routing, flexible permission routing, command line tools, mobile adaptation, and more.
Features
- Cutting-edge Technology Application: Utilizes Vue3, Vite5, TypeScript, Pinia, and UnoCSS.
- Clear Project Architecture: Implements pnpm monorepo architecture for an elegant and understandable structure.
- Strict Code Specifications: Adheres to the SoybeanJS specification with eslint, prettier, and simple-git-hooks.
- TypeScript Support: Enables strict type checking for improved code maintainability.
- Rich Theme Configuration: Offers various theme configurations integrated with UnoCSS.
- Built-in Internationalization Solution: Supports multi-language effortlessly.
- Automated File Routing System: Generates route import, declaration, and type automatically.
- Flexible Permission Routing: Supports static and dynamic routing.
- Rich Page Components: Includes pages, layout components, tag components, and more.
Installation
- Ensure you have Git and NodeJS (>=18.0.0, recommended 18.19.0 or higher) installed.
- Use
fnm
to manage your NodeJS version. - Install pnpm (>= 8.0.0, recommended 8.14.0 or higher).
- Clone the project repository using Git.
- Install dependencies by running
pnpm install
.
Summary
Soybean Admin is a feature-rich admin template with a focus on modern technologies, clear architecture, and strict code standards. It offers a comprehensive set of features including theme customization, internationalization, automated routing, and more. By following the provided installation guide, users can easily set up and start using this powerful admin template for their projects.