Arco admin logo

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) [![Netlify Status](https://api.netlify.com/api/v1/badges/4177124c-546f-4726-a842-00b72bf864fa/deploy-status)](https://arco-admin.netlify.app) node compatibility License node compatibility Version [![Vercel](https://vercel.com/button)](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) [![Netlify](https://www.netlify.com/img/deploy/button.svg)](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
Edge | Firefox
Firefox | Chrome
Chrome | Safari
Safari | Samsung
Samsung | Opera
Opera | Electron
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.svg)](https://starchart.cc/oljc/arco-admin)