web建站教程
  1. 首页
  2. vuejs
  3. js
  4. 好玩
  5. seo教程
  6. 前端知识
  7. 百度echarts
  8. 更多
    php入门
    nodejs
    mockjs
    reactjs
    mysql
    wordpress
    织梦cms
    帝国cms
    git教程
    IT知识
    模板大全
    休息站

免费开源企业级前端 UI 组件库——TinyVue

655 ℃
           

华为云出品的企业级设计系统OpenTiny,是一套前端UI组件库。适用于PC/移动终端,支持Vue2/Vue3/Angular,拥有主题配置系统/中后台模板/CLI命令行等效率提升工具,可以帮助开发者高效开发Web应用。

免费开源企业级前端 UI 组件库——TinyVue

免费开源说明

OpenTiny是华为内部的一个优秀实践。经过多年的迭代和内部项目测试,它已经完全接受了开源。整个项目基于MIT开源协议开源,源代码托管在Github上,企业和个人开发者可以免费下载使用,也可以用于商业项目。

OpenTiny 的技术特性

1、一套代码同时支持 Vue 2 和 Vue 3,抹平了两个版本的语法差异,大大降低了从 Vue 2 迁移到 Vue 3 的成本和风险;
2、一套代码同时支持 PC 和移动端,TinyVue 实现了一套代码支持多个客户端,这意味着同一个组件在不同终端表现是不一样的,在多端场景下,组件的使用方式完全相同;
3、组件丰富。 PC 端有 80+ 组件,移动端有 30+ 组件,包括高频组件 table tree、 select 等,内置虚拟滚动,保证大数据场景下的流畅体验。此外,还提供了一些独有的特色组件,如 split 面板分割器、 IP 地址输入框、 Calendar 日历、图片裁切等;
4、提供开箱即用的中后台模板。 内置了 TinyPro 中后台 admin 模板,支持 Vue 框架包含 10 多个实用功能和 20 多个典型页面场景,目前有中后台应用和云服务控制台应用两套典型页面模板,分别适用于中后台和云服务控制台应用;
5、提供了跨平台的前端工具化 CLI 工具。 TinyCLI 有一系列开发套件及工程插件,覆盖前端开发的整个链路,保证团队开发过程的一致性和可复制性,提升前端开发效率;
6、提供强大的主题配置系统。 提供了一款旨在提高开发效率的主题配置系统 Tiny SEAM,让我们可以轻松应对 Web 应用的多变风格;
7、支持国际化。

开发上手体验

TinyVue是基于Vue的UI组件库,交互精致,设计优雅。它有很多独特的组件,比如云服务中经常遇到的IP地址输入框组件,体验非常好。整体来看,并不逊色于Element/Ant Design等知名前端组件库。

TinyVue可以同时支持Vue 2.0和Vue 3.0。这种支持不是我们通常理解的。我们可以选择用Vue 2或者Vue 3来开发,但是只需要同时写一套代码来支持就可以了。我们根本不用考虑两个版本的语法差异。

安装 Tiny Vue

以 Vue 3 为例:

yarn add @opentiny/vue@3
# 或者
npm install @opentiny/vue@3

组件使用

然后就可以在 Vue 页面中引入组件:

<template>
  <div>
    <tiny-button>TinyVue</tiny-button>
    <tiny-alert description="TinyVue"></tiny-alert>
  </div>
</template>

<script>
import { Button, Alert } from '@opentiny/vue'

export default {
  components: {
    TinyButton: Button,
    TinyAlert: Alert
  }
}
</script>

TinyVue 是一个基础的前端组件库,很多时候都是用来开发 admin 项目后台管理系统的,而 OpenTiny 已经基于 TinyVue 为我们做好了一套管理系统 TinyPro,包含了一下常用的 admin 功能:

1、路由和菜单
2、主题配置
3、国际化
4、mock 模拟数据
5、状态管理
6、权限控制
7、云服务支持

进入TinyVue官网

一款AIGC Web应用的开源 UI 组件库——Lobe UI

推荐一款由支付宝小程序官方推出的免费开源UI组件库——Ant Design Mini

推荐一个免费开源以Bootstrap为主题快速构建web项目——FastBootstrap

基于Vite/TypeScript/Vue3/ElementPlus+TinkPHP6前后端一体框架——Niucloud Admin

Layui - Vue如何设置默认语言

标签: OpenTiny, TinyVue, Vue3免费开源组件, 前端UI组件库, 华为云

上面是“免费开源企业级前端 UI 组件库——TinyVue”的全面内容,想了解更多关于 前端UI组件库 内容,请继续关注web建站教程。

当前网址:https://ipkd.cn/webs_13065.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

本文共计1440个字,预计阅读时长10分钟
生活小工具,收录了80多款小工具
上一篇: 推荐2款充满科技感的艺术字体——小新黑体、小新潮酷体
下一篇: 推荐一款浏览器数据库的开源工具库——Dexie.js(JavaScript调用)
x 打工人ai神器