科学工具
科学工具让世界更美好
让世界更美好

跨端跨框架的企业级 UI 组件 TinyVue跨端跨框架的企业级 UI 组件 TinyVue

TinyVue 是一套跨端、跨框架的企业级 UI 组件库,支持 Vue 2 和 Vue 3,支持 PC 端和移动端。

• 包含 104 个简洁、易用、功能强大的组件

• 一套代码同时支持 Vue 2 和 Vue 3

• 一套代码同时支持 PC 端和移动端

• 支持国际化

• 支持主题定制

• 组件内部支持配置式开发,可支持低代码平台可视化组件配置

• 采用模板、样式、逻辑分离的跨端、跨框架架构,保障灵活性和可移植性

1、安装TinyVue 执行以下命令,安装 Vue 3 版本的 TinyVue 组件库:

npm i @opentiny/vue@3

执行以下命令,安装 Vue 2 版本的 TinyVue 组件库:

npm i @opentiny/vue@2

2、引入和使用 在App.vue文件中使用 TinyVue 组件。

<script lang="ts" setup>
 import { Button as TinyButton } from '@opentiny/vue'
</script>

<template>
 <tiny-button>TinyVue</tiny-button>
</template>

TinyVue 本地开发

git clone [email protected]:opentiny/tiny-vue.git
cd tiny-vue
pnpm i

# 启动 Vue3 项目
pnpm dev

# 启动 Vue2 项目
pnpm dev2

打开浏览器访问 http://127.0.0.1:7130/