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

2024年12月04日 建站教程

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

免费开源说明

Naive Ui AdminNaive 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官网

本文链接:http://so.lmcjl.com/news/18963/

展开阅读全文
相关内容