基于Vue3/Vite/TS免费开源中后台前端框架——Naive Ui Admin

Naive Ui是不久前推荐的优秀Ui组件库，基于Vue3.0、Vite、Naive Ui、TypeScript等最新的前端技术栈。今天分享的Naive Ui admin就是基于Naive Ui的中后台admin的前端框架。

免费开源说明

Naive Ui Admin 和 Naive Ui 一样都是完全免费开源的，基于 MIT 开源协议托管在 Github 上，任何个人都公司都可以免费下载使用。

Naive Ui Admin 的技术特性：

1、最新技术栈：使用 Vue3/vite2 等前端前沿技术开发
2、TypeScript: 应用程序级 JavaScript 的语言
3、一键配置：基于配置文件可一键配置色彩主题、显示风格等
4、Mock 数据 内置 Mock 数据方案
5、权限控制 内置完善的动态路由权限生成方案
6、更多组件 二次封装了原 Naive Ui 没有的多个常用的中后台组件

Naive Ui Admin 的入门条件：

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

Naive Ui Admin 的工具配置：

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

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

Naive Ui Admin 轻松上手：

从 GitHub 获取代码

# clone 代码
git clone https://github.com/jekip/naive-ui-admin.git

从 Gitee 获取代码

git clone https://gitee.com/Ahjung/naive-ui-admin.git

进入Naive Ui Admin官网