littlebot
Published on 2025-04-10 / 0 Visits
0

【源码】基于 Vue 3 和 TypeScript 的后台管理系统

项目简介

本项目是基于 Vue 3 和 TypeScript 构建的后台管理系统,运用 Vue 3 全家桶与 ant-design-vue 3.x 组件库。借助 Vue 3 的 Composition API,提升了组件逻辑的灵活性与可复用性,适用于各类后台管理场景。

项目的主要特性和功能

  1. 先进技术栈:采用 Vue 3 全家桶,结合 TypeScript 增强代码类型安全性,使用 ant-design-vue 3.x 提供丰富美观的 UI 组件。
  2. 灵活的组件逻辑:利用 Vue 3 的 Composition API,可灵活组合组件逻辑,用 hooks 替代以往 mixins 写法。
  3. 多登录模式:“rootadmin” 账号默认开放多点登录,其他新建账号默认单点登录。
  4. 动态功能:具备动态表格和动态表单功能,且在不断完善中。

安装使用步骤

1. 获取项目代码

已假设用户下载了本项目的源码文件,此步跳过。

2. 安装依赖

bash cd vue3-ts-Admin yarn install

3. 运行项目

bash yarn serve

4. 打包项目

bash yarn build

vscode 配置

安装项目根目录 .vscode 推荐的插件,再安装 Volar 并禁用 Vetur,重启 vscode。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】