【源码】基于 Vue3 和 Vite4 的后台管理模板

项目简介

Vue Naive Admin 是一个开源免费且可用于商业用途的后台管理模板，采用了 Vue3、Vite4、Pinia、Unocss 和 Naive UI 等前端最新技术栈。相较于其他流行的后台管理模板，它更简洁、轻量，风格清新，学习成本低，适用于中小型项目或个人项目。

项目的主要特性和功能

1. 组件库：集成了由 Evan You 推荐的 Naive UI。
2. 权限管理：具备登陆、注销及权限验证功能。
3. 代码规范：使用 eslint + prettier 进行代码约束和格式化，通过 husky + commitlint 规范代码提交。
4. Mock 服务：集成 Mock 接口服务，支持 dev 环境和发布环境，可动态配置是否启用，不启用时不加载 mock 包以减少打包体积。
5. 状态管理：采用 pinia 作为 vuex 的替代方案，轻量、简单、易用。
6. 自动导入：利用 unplugin 插件实现自动导入，提高开发效率。
7. 图标管理：集成 iconify 图标，支持自定义 svg 图标。
8. 样式处理：使用 unocss 原子 css 解决方案。

安装使用步骤

快速开始

```shell git config --global core.autocrlf false

cd vue-naive-admin

npm i -g pnpm # 装了可忽略 pnpm i # 或者 npm i

pnpm dev ```

构建发布

```shell pnpm build:test

pnpm build ```

其他指令

```shell pnpm lint

pnpm lint:fix

pnpm preview

pnpm cz ```

下载地址

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