2024年12月04日 建站教程
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
本文链接:http://so.lmcjl.com/news/18963/