littlebot
Published on 2025-04-03 / 3 Visits
0

【源码】基于Vue3和Vite3的后台管理系统

项目简介

本项目是一个开源免费且允许商用的后台管理模板,运用了Vue3、Vite3、Pinia、Unocss 和 Naive UI等前端最新技术栈。与其他流行的后台管理模板相比,它更为简洁、轻量,风格清新,学习成本低,适合中小型项目或个人项目。

项目的主要特性和功能

  1. 组件集成:集成尤雨溪推荐的 Naive UIiconify 图标(支持自定义 svg 图标)以及 unocss 原子 css 解决方案。
  2. 代码规范:借助 eslint + prettier 进行代码约束和格式化统一,通过 husky + commitlint 实现代码提交规范化。
  3. 数据模拟:集成 Mock 接口服务,支持 dev 环境和发布环境,可动态配置是否启用,不启用时不加载 mock 包,减少打包体积。
  4. 状态管理:采用 pinia 作为轻量级、简单易用的状态管理工具,替代 vuex。
  5. 自动导入:集成 unplugin 实现自动导入,提升开发效率。

安装使用步骤

安装依赖

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

cd vue-naive-admin

npm i -g pnpm # 已安装可忽略 pnpm i # 或 npm i ```

启动项目

shell pnpm dev

构建发布

```shell pnpm build:test

pnpm build ```

其他指令

```shell pnpm lint

pnpm lint:fix

pnpm preview

pnpm cz ```

下载地址

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