Arco Admin

一款开箱即用、功能丰富的中后台管理系统框架，最新技术栈的标准化规范项目。

简体中文 | [English](./README.en-US.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

Commit

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) [![EdgeOne Pages](https://cdnstatic.tencentcs.com/edgeone/pages/deploy.svg)](https://edgeone.ai/pages/new?repository-url=https%3A%2F%2Fgithub.com%2Foljc%2Farco-admin&repository-name=arco-admin&project-name=arco-admin&install-command=pnpm%20i&build-command=pnpm%20run%20build&output-directory=dist) edgeone

edgeone

本项目 CDN 加速及安全防护由 [Tencent EdgeOne](https://edgeone.ai/zh?from=github) 赞助支持

## 特性 + ⚡️ 保持跟进最新的 Vue 和 Vite 版本。 + 👍🏻 [Vue](https://cn.vuejs.org) + 官方首推的 [Vue Router](https://router.vuejs.org/zh) + [Pinia](https://pinia.vuejs.org/zh)管理器。 + 🔩 字节跳动出品的企业级设计生态 [ArcoDesign](https://arco.design/) 组件库。 + 🎨 [Less](https://less.bootcss.com/) CSS 预处理器。 + 📚 采用 [i18n](https://github.com/intlify/vue-i18n-next/tree/master/packages/vue-i18n#readme) + [i18n-ally](https://github.com/lokalise/i18n-ally) 实现更简单、规范的自动化国际化方案。 + ⌨️ 内置多种业务场景页面、二次封装组件、框架支持配置轻松实现个性化定制。 + 🧚🏻 项目已全面采用 `ESM` 标准的模块化语法，紧随现代前端开发领域的大统一趋势。 + 📦 持续优化配置以跟进各个`依赖`、`Vite` 的更新、废弃、合并特性等，以实现最佳的打包优化效果。 ---

## 版本 - 国际化版本：[i18n 分支](https://github.com/oljc/arco-admin/tree/i18n) ## 规范提高代码质量、减少错误，并确保整个项目代码风格的一致性让你能够更轻松地管理代码质量和风格。 + **代码规范：** [ESLint](https://eslint.org/) + [Stylelint](https://stylelint.io) + [Prettier](https://prettier.io)
*通过预先定义的规范来对代码语法、风格和格式的静态检查和规范来确保代码质量和可读性* + **提交规范：** [Husky](https://typicode.github.io/husky/#/) + [Lint-Staged](https://github.com/okonet/lint-staged) + [Commitlint](https://commitlint.js.org)
*提交代码时通过预设的代码风格检查、格式化和消息校验确保每次提交的代码质量和风格保持一致* ## 浏览器支持 |

Edge |

Firefox |

Chrome |

Safari |

Samsung |

Opera |

Electron | | --------- | --------- | --------- | --------- | --------- | --------- | --------- | | Edge >=16| >= 31 | >= 49| >= 31| last 2 versions| >= 36 | last 2 versions ## 使用 1. 克隆此仓库 ```bash git clone https://github.com/oljc/arco-admin ``` 2. 安装依赖 ```bash pnpm i ``` 3. 运行 ```bash pnpm run dev ``` #### VsCode 扩展推荐 | [

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)| | --- | --- | --- | ---| --- | --- | --- | ## 成就已收录至 Vite 官方的 [awesome-vite](https://github.com/vitejs/awesome-vite#vue-3) 社区精选项目列表中 🎉 ## 贡献欢迎任何形式的贡献，我们将会认真对待每一份参与。

# License 本项目遵循 [MIT 协议](./LICENSE)许可证。 [![趋势图](https://starchart.cc/oljc/arco-admin.svg)](https://starchart.cc/oljc/arco-admin)