一、开源项目简介

Naive Ui Admin 是一款 完全免费 且可商用的中后台解决方案，基于 Vue3.0 、 Vite 、✨ Naive UI ✨ 和 TypeScript 。 它融合了最新的前端技术栈，提炼了典型的业务模型和页面，包括二次封装组件、动态菜单、权限校验等功能，助力快速搭建企业级中后台项目。

二、开源协议

使用MIT开源协议

三、界面展示

四、功能概述

 特性

二次封装的实用高扩展性组件 响应式、多主题、多配置，快速集成，开箱即用 强大的鉴权系统，支持 三种鉴权模式，满足多样业务需求 持续更新的实用性页面模板和交互设计，简化页面构建。

最新技术栈

基于 Vue3、Vite、TypeScript 等最新技术栈开发

轻量快速的热重载

无论应用程序大小如何，都始终极快的模块热重载（HMR）

最佳实践

常用页面布局，组件使用示例，插件示例实现

组件封装

对日常使用频率较高的组件二次封装，满足基础工作需求

主题配置

丰富的主题配置及黑暗主题适配

权限管理

完善的前后端权限管理方案

五、技术选型

 文档

文档地址

 准备

• node 和 git -项目开发环境
• Vite - 熟悉 vite 特性
• Vue3 - 熟悉 Vue 基础语法
• TypeScript - 熟悉TypeScript基本语法
• Es6+ - 熟悉 es6 基本语法
• Vue-Router-Next - 熟悉 vue-router 基本使用
• NaiveUi - ui 基本使用
• Mock.js - mockjs 基本语法

工具配置

如果您使用的 IDE 是vscode(推荐)的话，可以安装以下工具来提高开发效率及代码格式化

• Iconify IntelliSense - Iconify 图标插件
• windicss IntelliSense - windicss 提示插件
• I18n-ally - i18n 插件
• Vetur - vue 开发必备 （也可以选择 Volar）
• ESLint - 脚本代码检查
• Prettier - 代码格式化
• Stylelint - css 格式化
• DotENV - .env 文件 高亮️ 

使用

• 获取项目代码

git clone naive-ui-admin

• 安装依赖

cd naive-ui-admin

pnpm install

• 运行

pnpm run dev

• 打包

pnpm build