Naive Ui Admin前端集成框架
Posted xiangzhihong8
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Naive Ui Admin前端集成框架相关的知识,希望对你有一定的参考价值。
简介
Naive Ui Admin 是基于 vue3,vite2,TypeScript,搭配使用 Naive Ui 组件库形成一套开箱即用的中后台前端解决方案,Naive Ui Admin 遵守 Naive Ui 组件设计和开发约定,风格统一,全面的组件和便捷的工具会让您信手拈来,如鱼得水,更多功能在不停开发中。
特性
- 最新技术栈:使用 Vue3/vite2 等前端前沿技术开发
- TypeScript: 应用程序级 javascript 的语言
- 主题:可配置的主题
- Mock 数据 内置 Mock 数据方案
- 权限 内置完善的动态路由权限生成方案
- 组件 二次封装了多个常用的组件
页面功能
系统看板
- 主控台
- 监控页
- 工作台
- 表单页面
- 列表页面
- 异常页面
- 结果页面
- 设置页面
- 系统设置
- 菜单权限
- 角色权限
页面组件
ProTable
- 基础表格
- 上传图片
- 滑块验证码
- 持续开发中…
效果展示
账号:admin,密码:123456
预备准备
- node 和 git -项目开发环境
- Vite - 熟悉 vite 特性
- Vue3 - 熟悉 Vue 基础语法
- TypeScript - 熟悉
TypeScript
基本语法 - Es6+ - 熟悉 es6 基本语法
- Vue-Router-Next - 熟悉 vue-router 基本使用
- Naive-ui-admin - ui 基本使用
- Mock.js - mockjs 基本语法
安装使用
- 获取项目代码
git clone https://github.com/jekip/naive-ui-admin.git
- 安装依赖
cd naive-ui-admin
yarn install
- 运行
yarn dev
- 打包
yarn build
Git 贡献提交规范
-
feat
增加新功能fix
修复问题/BUGstyle
代码风格相关无影响运行结果的perf
优化/性能提升refactor
重构revert
撤销修改test
测试相关docs
文档/注释chore
依赖更新/脚手架配置修改等workflow
工作流改进ci
持续集成types
类型定义文件更改wip
开发中
浏览器支持
本地开发推荐使用Chrome 80+
浏览器
支持现代浏览器, 不支持 IE
IE | Edge | Firefox | Chrome | Safari |
---|---|---|---|---|
not support | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
以上是关于Naive Ui Admin前端集成框架的主要内容,如果未能解决你的问题,请参考以下文章
开源Vue后端UI开箱即用解决方案——vuestic-admin