基于Vue3的好用的前端框架UnitUI分享

简介: 基于Vue3的好用的前端框架UnitUI分享

UnitUI是目前我见过最流畅的基于最新Vue3的前端UI框架。git地址:https://gitee.com/unitui/unituicli3


其中它的菜单、路由和鉴权做的挺独特,很不错,既简单又实用。简单有多简单呢?在组件管理中导出不同的路由和菜单json,然后存在后端,根据不同的用户类别返回不同的路由和菜单json进行路由生成和菜单生成从而实现鉴权。


Unitui意为组件式UI框架,unituicli3指基于vue3搭建的一个项目,可以通过这个框架可以快速搭建一个vue开发项目。 Unituicli3与其他传统的框架是不同的,unitui目的是尽可能减少对开发者的影响,在src文件夹下新建了unitui文件夹用于防止我们默认的内容,减少对开发框架的影响。且作者更新很快,回答问题也热心,你希望的好的建议和想法没过几天可能就有了。以后会有更多好用的现成组件可以用。


项目目前依赖了最新的element-plus,vue3和vue-router,常用的axios库也集成进去了,开箱即用。


首页的一个展示如下:



虽然没有其他UI框架的首页那么绚,但是够简单和实用,毕竟这只是基础版。


体验地址与开发文档:http://unitui.gitee.io/unituicli3


安装使用


1、我们以下的安装方法默认你的电脑已经具备node加vuecli环境。


2.1通过git clone https://gitee.com/unitui/unituicli3.git


2.2下载压缩包获取源码


2.3在项目下执行“npm install”,然后通过npm run serve运行项目


相关文章
|
21天前
|
前端开发 JavaScript API
阿珊比较Vue和React:两大前端框架的较量
阿珊比较Vue和React:两大前端框架的较量
|
12天前
|
缓存 JavaScript 前端开发
2024 前端高频面试题之 Vue 篇
2024 前端高频面试题之 Vue 篇
34 8
|
17天前
|
存储 JavaScript 前端开发
使用Vue.js构建交互式前端界面的技术探索
【5月更文挑战第20天】Vue.js是一款渐进式JavaScript框架,擅长构建交互式前端界面。其核心特性包括响应式数据绑定、组件化开发、指令系统和虚拟DOM,简化开发并提升性能。通过Vue CLI创建项目,拆分组件,结合数据绑定和事件处理实现交互,使用Vue Router管理路由,Vuex进行状态管理,能高效构建现代Web应用。
|
2天前
|
JavaScript 前端开发 应用服务中间件
蓝易云 - dockerfile部署前端vue打包的dist文件实战
这样,你的Vue应用就会在Docker容器中运行,你可以通过访问[http://localhost:8080](http://localhost:8080/)来查看你的应用。
99 0
|
3天前
|
前端开发 JavaScript API
Vue.js:渐进式JavaScript框架-前端开发
Vue.js:渐进式JavaScript框架-前端开发
14 3
|
5天前
|
JavaScript 前端开发 Java
基于SpringBoot+Vue+uniapp的在线开放课程的Web前端的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的在线开放课程的Web前端的详细设计和实现(源码+lw+部署文档+讲解等)
|
7天前
|
JavaScript 前端开发 API
【前端--Vue】组件之间的多种通信方式,一文彻底搞懂组件通信!
【前端--Vue】组件之间的多种通信方式,一文彻底搞懂组件通信!
【前端--Vue】组件之间的多种通信方式,一文彻底搞懂组件通信!
|
7天前
|
资源调度 JavaScript 前端开发
【前端开发---Vue2】史上最详细的Vue入门教程(六) --- 工程化开发和脚手架、组件注册
【前端开发---Vue2】史上最详细的Vue入门教程(六) --- 工程化开发和脚手架、组件注册
【前端开发---Vue2】史上最详细的Vue入门教程(六) --- 工程化开发和脚手架、组件注册
|
7天前
|
JavaScript 前端开发 程序员
【前端开发---Vue2】史上最详细的Vue入门教程(五) --- 细讲‘生命周期’
【前端开发---Vue2】史上最详细的Vue入门教程(五) --- 细讲‘生命周期’
【前端开发---Vue2】史上最详细的Vue入门教程(五) --- 细讲‘生命周期’
|
7天前
|
缓存 自然语言处理 JavaScript
【前端开发---Vue2】史上最详细的Vue2入门教程,从基础到进阶带你彻底掌握Vue(四)
【前端开发---Vue2】史上最详细的Vue2入门教程,从基础到进阶带你彻底掌握Vue(四)