littlebot
Published on 2025-04-15 / 1 Visits
0

【源码】基于 Vue 的高效后台管理系统模板

项目简介

本项目是一个基于 Vue 的后台管理系统模板,集成了众多实用的前端工具和库。目的是为开发者提供高效、便捷的开发环境,以快速搭建安全稳定、功能丰富的后台管理系统,提高开发效率并优化用户体验。

项目的主要特性和功能

  1. UI 框架:集成 Naive UI,具备丰富的 UI 组件和强大功能支持。
  2. 权限管理:实现登录、注销及权限验证功能,保障系统安全稳定。
  3. 代码规范:集成 eslint + prettier,统一代码约束和格式化,保证代码质量与一致性。
  4. 提交规范:集成 husky + commitlint,实现代码提交规范化。
  5. 接口模拟:集成 mock 接口服务,支持动态配置,减少打包体积。
  6. 状态管理:集成 pinia,作为轻量、简单、易用的 vuex 替代方案。
  7. 自动导入:集成 unplugin 插件,实现自动导入,提升开发效率。
  8. 图标管理:集成 iconify 图标,支持自定义 svg 图标,优雅使用图标。
  9. 原子 CSS:集成 unocss,轻量级的原子 CSS 解决方案。

安装使用步骤

复制项目

shell cd ln-admin-template

安装依赖

建议使用 pnpm 安装依赖,若未安装 pnpm,可先执行以下命令: shell npm i -g pnpm 安装项目依赖: shell pnpm i 若不想使用 pnpm,也可使用 npm 安装: shell 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】