/vue-admin-pro-docs

Middle and background system template. Applicable to learning | 中后台系统模板。适用于学习 Vue3

Primary LanguageTypeScript

VueAdminPro Logo

Vue Admin Pro

简介

Vue Admin Pro 是一个使用 Vue3、Vite、TypeScript 基于 UI 组件库：Naive UI 搭建的前端后台模板系统。使用了最新的前端技术栈 ，最开始的目的就是为了熟悉 Vue3 的相关 API 的写法，而熟悉的最好办法就是动手。所以决定了造轮子，因此有了 Vue Admin Pro 的 诞生。此项目可以算得上是一个给想要刚刚开始学习 Vue3 的开发者可以提供一个可参考项目了。

特性

  1. 最新技术栈：使用了 Vite2 构建工具配合 Vue3 开发并且使用了 Windi CSS 优秀的 CSS 框架，所以并没有使用其他的 CSS 预处理 器。
  2. TypeScript：从 Vue3 完全使用 TS 来重构后，TypeScript 已经成为前端人必备的了。
  3. 暗黑主题：使用 Naive UI 提供的暗黑切换配合 Windi CSS 暗黑主题。实现应用主题模式的切换
  4. 动态主题颜色：使用 Naive UI 配合 Windi CSS 特性，实现主题颜色的修改
  5. 多种布局模式

快速上手

# 克隆代码
git clone git@github.com:flingyp/vue-admin-pro.git

# 安装依赖
pnpm i

# 开发运行
pnpm dev

# 项目打包
pnpm build

# 打包预览
pnpm preview