https://github.com/LIjiAngChen8/arco-admin
🚀Vite5+vue3+Arco+ TypeScript. 一款开箱即用、功能丰富的中后台管理系统框架，最新技术栈的标准化规范项目。
https://github.com/LIjiAngChen8/arco-admin
arco-design typescript vite5 vue3
Last synced: 13 days ago
JSON representation
🚀Vite5+vue3+Arco+ TypeScript. 一款开箱即用、功能丰富的中后台管理系统框架，最新技术栈的标准化规范项目。
- Host: GitHub
- URL: https://github.com/LIjiAngChen8/arco-admin
- Owner: oljc
- License: mit
- Created: 2023-11-30T08:00:43.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-02T10:09:06.000Z (17 days ago)
- Last Synced: 2025-04-04T05:29:58.143Z (15 days ago)
- Topics: arco-design, typescript, vite5, vue3
- Language: Vue
- Homepage: https://arco-admin.netlify.app
- Size: 3.98 MB
- Stars: 148
- Watchers: 3
- Forks: 19
- Open Issues: 8
-
Metadata Files:
- Readme: README.en-US.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: .github/CODE_OF_CONDUCT.md
Awesome Lists containing this project
- fucking-awesome-vite - arco-admin - `Vite` + `ArcoDesign` + `TypeScript` follows `ESM` standards, offering an out-of-the-box,standardized, feature-rich template for middle and back-office management systems. (Get Started / Templates)
- awesome-vite - arco-admin - `Vite` + `ArcoDesign` + `TypeScript` follows `ESM` standards, offering an out-of-the-box,standardized, feature-rich template for middle and back-office management systems. (Get Started / Templates)
README
Arco Admin
An out-of-the-box, feature-rich middle and back-office management system framework, standardized with the latest technology stack.
English | [简体中文](./README.md)
[](https://arco-admin.netlify.app)
[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Foljc%2Farco-admin&project-name=arco-admin&build-command=pnpm%20run%20build&install-command=pnpm%20i&output-directory=dist)
[](https://app.netlify.com/start/deploy?repository=https://github.com/oljc/arco-admin)
## Features
+ ⚡️ Keep up with the latest Vue and Vite versions.
+ 👍🏻 [Vue 3](https://vuejs.org) + officially recommended [Vue Router](https://router.vuejs.org) + [Pinia](https://pinia.vuejs.org) state manager.
+ 🔩 Enterprise-level design ecosystem [ArcoDesign](https://arco.design/) component library by ByteDance.
+ 🎨 [Less](http://lesscss.org/) CSS preprocessor.
+ 📚 Utilizing [i18n](https://github.com/intlify/vue-i18n-next/tree/master/packages/vue-i18n#readme) + [i18n-ally](https://github.com/lokalise/i18n-ally) for a simpler, standardized automated internationalization solution.
+ ⌨️ Built-in various business scenario pages, components, and framework support configurations for easy customization.
+ 🧚🏻 Fully adopted the `ESM` standard modular syntax, following the trend in modern frontend development.
+ 📦 Continuously optimized configurations to keep up with updates, deprecations, and merged features of dependencies and `Vite`, ensuring the best bundling optimization.
---
## Versions
- International version：[i18n branch](https://github.com/oljc/arco-admin/tree/i18n)
## Standards
Enhance code quality, reduce errors, and ensure consistency in the entire project's code style to facilitate easier code quality and style management.
+ **Code Standards:** [ESLint](https://eslint.org/) + [Stylelint](https://stylelint.io) + [Prettier](https://prettier.io)
*Static checking and standardization of code syntax, style, and formatting through predefined standards to ensure code quality and readability*
+ **Commit Standards:** [Husky](https://typicode.github.io/husky/#/) + [Lint-Staged](https://github.com/okonet/lint-staged) + [Commitlint](https://commitlint.js.org)
*Ensure consistent code quality and style for each commit through predefined code style checks, formatting, and message validation upon code submission*
## Browser Support
| 
Edge | 
Firefox | 
Chrome | 
Safari | 
Samsung | 
Opera | 
Electron |
| --------- | --------- | --------- | --------- | --------- | --------- | --------- |
| >=16| >= 31 | >= 49| >= 31| last 2 versions| >= 36 | last 2 versions
## Usage
1. Clone this repository
```bash
git clone https://github.com/oljc/arco-admin
```
2. Install dependencies
```bash
pnpm i
```
3. Run
```bash
pnpm run dev
```
#### VsCode Tools
| [
Official](https://marketplace.visualstudio.com/items?itemName=Vue.volar) | [
ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) |[
Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) |[
i18n Ally](https://marketplace.visualstudio.com/items?itemName=Lokalise.i18n-ally) |[
Stylelint](https://marketplace.visualstudio.com/items?itemName=stylelint.vscode-stylelint)|[
EditorConfig](https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig)|[
Vite](https://marketplace.visualstudio.com/items?itemName=antfu.vite)|
| --- | --- | --- | ---| --- | --- | --- |
# Achievements
Added to the [awesome-vite](https://github.com/vitejs/awesome-vite#vue-3) list 🎉
## Contributing
Welcome contributions in any form and assure you that we will carefully consider each and every one of them.
# License
This project is licensed under the [MIT License](./LICENSE)
[](https://starchart.cc/oljc/arco-admin)