🐬 A Starter template built on Vite 4.x + Vue 3.x + Element Plus 2.x + TypeScript.

一个开箱即用，适合快速开发 Vue3 + Vite4 + TS 中小型 B 端后台管理系统的原型模板项目框架，持续更新最新技术栈 💪

🚀 Live Demo 在线体验

目前一共有以下五个不同技术栈的仓库模板在持续维护，请尝试后选择适合自己的模板使用

• 💥 (推荐) TS + Pinia + 🌐 低耦合(i18n)多语言 Vite4 + Vue3 + TS + Pinia + Element-Plus2 + vue-i18n@next

• ⚡️ TS + Pinia 版 Vite4 + Vue3 + TS + Pinia + Element-Plus2 + useLocale + i18n

• ⚡️ JS + Pinia 版 Vite4 + Vue3 + Pinia + Element-Plus2 + useLocale + i18n

• ⚡️ TS + Vuex4 版 (当前仓库)Vite4 + Vue3 + TS + Vuex4 + Element-Plus2 + useLocale + i18n

• ⚡️ JS + Vuex4 版 Vite4 + Vue3 + Vuex4 + Element-Plus2 + useLocale + i18n

如果更喜欢使用 Naive UI 作为 UI 库, 这里也为你提供了一个相应的模板项目：

• 🔥 Naive UI 版本

• 支持 Vite 4 + Vue 3 + TypeScript
• UI 框架: Element Plus 2.x
• 状态管理: Vuex 4
• 单元测试框架: Jest 升级为 Vitest
• 内置 ESlint 和 Stylelint, 可在此基础上扩展你想要的 Lint 配置规范
• 内置封装了一个可能比较好用的 Axios , 需要时配合 Vuex Actions 一起食用
• 封装了 <IconFont /> 组件, 可直接使用 IconFont 图标
• 内置全局 $ModalDialog 插件, 支持使用 service 式地动态调用此插件来显示任意组件
• 内置 i18n, 支持到 VueRouter 路由级别切换语言，可编写国际化配置文件及扩展其他语言
• 路由鉴权已帮你封装好，同时配合 Nprogress, 只需要修改 permission.ts 文件即可
• 自带一个模块化的组件开发环境，可按照 modules 目录解耦页面组件、路由组件、样式等文件
• 高度封装但不失灵活，内部抽象出了一个完整的业务流程供你参考，涉及三个核心页面：登录、列表和明细
• 节省你配置的时间，因此该项目的轻量化致使你只需要专心编写自己的业务代码即可

• Vue 3.x
• Node >= 16.15.x

Install node dependencies in all packages

pnpm install

Local Development

pnpm dev

Unit Testing

pnpm test

Test code coverage

pnpm test:coverage

• awesome-vite