本文介绍了一个基于Vue CLI 5.x / Vite 2.x、Vue 3.x和Ant Design Vue 3.x的基础后台管理系统模板。该模板还包括RBAC权限系统、JSON Schema动态表单、动态表格以及漂亮的锁屏界面等功能。
安装和使用
首先，按照以下步骤进行安装和使用：
-
进入项目目录：
cd vue3-antd-admin
-
安装依赖：
yarn install
-
运行开发服务器：
yarn serve
-
打包项目：
yarn build
VSCode配置
为了更好地开发和编辑该项目，建议进行以下VSCode配置：
- 安装推荐插件：在项目根目录下的
.vscode文件夹中，安装推荐的插件。 - 安装Volar并禁用Vetur：在插件市场中搜索并安装Volar插件，并禁用Vetur插件。重新启动VSCode即可生效。关于更详细的Vue3 IDE配置，可参考官方文档。
项目技术栈
该项目使用了Vue 3.x全家桶、Ant Design Vue 3.x和TypeScript 4.x。通过这个项目，我们可以实践Vue 3.x的新特性和玩法。相比于Vue 2.x的Options API，Vue 3.x的Composition API更加灵活，使我们能够更灵活地组合组件逻辑。我们可以轻松地使用hooks替代以前的mixin等写法。如果想了解更多关于hooks的内容，可以参考vueuse。
项目简介
该基础后台管理系统模板中，默认情况下，rootadmin账号支持多点登录，而其他新建的账号默认只能单点登录。建议在本地拉取后端代码并运行，以避免多人同时操作时产生冲突和误解。
通过本文的介绍，您可以快速上手这个基于Vue3.x + Ant Design Vue3.x + TypeScript Hooks的基础后台管理系统模板。希望该模板能为您的开发工作提供便利，并能够满足您的需求。
