observe-admin

Features

• Cutting-edge technology application: using the latest popular technology stack such as Vue3, Vite5, TypeScript, Pinia and UnoCSS.
• Clear project architecture: using pnpm monorepo architecture, clear structure, elegant and easy to understand.
• Strict code specifications: follow the SoybeanJS specification, integrate eslint, prettier and simple-git-hooks to ensure the code is standardized.
• TypeScript: support strict type checking to improve code maintainability.
• Rich theme configuration: built-in a variety of theme configurations, perfectly integrated with UnoCSS.
• Built-in internationalization solution: easily realize multi-language support.
• Automated file routing system: automatically generate route import, declaration and type. For more details, please refer to Elegant Router.
• Flexible permission routing: support both front-end static routing and back-end dynamic routing.
• Rich page components: built-in a variety of pages and components, including 403, 404, 500 pages, as well as layout components, tag components, theme configuration components, etc.
• Command line tool: built-in efficient command line tool, git commit, delete file, release, etc.
• Mobile adaptation: perfectly support mobile terminal to realize adaptive layout.

Usage

Environment Preparation

Make sure your environment meets the following requirements:

• git: you need git to clone and manage project versions.
• NodeJS: >=18.12.0, recommended 18.19.0 or higher.
• pnpm: >= 8.7.0, recommended 8.14.0 or higher.

Install Dependencies

pnpm i

Since this project uses the pnpm monorepo management method, please do not use npm or yarn to install dependencies.

Start Project

pnpm dev

Build Project

pnpm build

OpenSource Author

Soybean

License

This project is based on the MIT © 2021 Soybean protocol, for learning purposes only, please retain the author's copyright information for commercial use, the author does not guarantee and is not responsible for the software.