tiny-vue/README.zh-CN.md at c99c840f2e29299e4b011b490661512f78870055

9.1 KiB

Raw Blame History

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

English | 简体中文

🌈 特性：

📦 包含 104 个简洁、易用、功能强大的组件
🖖 一套代码同时支持 Vue 2 和 Vue 3
🖥️ 一套代码同时支持 PC 端和移动端
🌍 支持国际化
🎨 支持主题定制
📊 组件内部支持配置式开发，可支持低代码平台可视化组件配置
💡 采用模板、样式、逻辑分离的跨端、跨框架架构，保障灵活性和可移植性

🛠️ 如何使用

1. 安装

执行以下命令，安装 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>

🖥️ 本地开发

git clone git@github.com:opentiny/tiny-vue.git
cd tiny-vue
pnpm i

# 启动 Vue3 项目
pnpm dev

# 启动 Vue2 项目
pnpm dev2

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

🤝 参与贡献

如果你对我们的开源项目感兴趣，欢迎加入我们！🎉

参与贡献之前请先阅读贡献指南。

添加官方小助手微信 opentiny-official，加入技术交流群
加入邮件列表 opentiny@googlegroups.com

✨ 贡献者

贡献者是在 OpenTiny 社区中合并了 1 个或多个 PR 的社区成员。

感谢以下 OpenTiny 的贡献者们 (emoji key):

_Kagol 💻	_ajaxzheng 💻	_TC-twwang 💻	_jacknan 💻	_Pithy 💻	_heygsc 💻	_MangoWu 💻	_ADNY 💻
_chenxi-20 💻	_Alaray 💻	_ing 💻	_申君健 💻	_MomoPoppy 💻	_WXC-Spring 💻	_GaoNeng 💻	_acyza 💻
_ygj6 💻	_MrWang2016 💻	_qinwencheng 💻	_黄怡林 💻	_zuixinwang 💻

开源协议

MIT

9.1 KiB Raw Blame History Unescape Escape