Go to file
OpenTiny f41a593d29 fix(tiny-vue): 内部和开源代码同步,减少维护成本 [WI2023]
Match-id-31a5bd840dddac8f9371b683a11e8d2521d111c1
2023-02-22 16:45:25 +08:00
.cid fix(tiny-vue): 内部和开源代码同步,减少维护成本 [WI2023] 2023-02-22 16:45:25 +08:00
.codecheck feat: init project US2022111700422 2023-02-16 19:11:16 +08:00
.github feat: init project US2022111700422 2023-02-16 19:11:16 +08:00
.husky fix(tiny-vue): 内部和开源代码同步,减少维护成本 [WI2023] 2023-02-22 16:45:25 +08:00
build fix(tiny-vue): 内部和开源代码同步,减少维护成本 [WI2023] 2023-02-22 16:45:25 +08:00
example fix(tiny-vue): 内部和开源代码同步,减少维护成本 [WI2023] 2023-02-22 16:45:25 +08:00
packages fix(tiny-vue): 内部和开源代码同步,减少维护成本 [WI2023] 2023-02-22 16:45:25 +08:00
template fix(tiny-vue): 内部和开源代码同步,减少维护成本 [WI2023] 2023-02-22 16:45:25 +08:00
typings fix(tiny-vue): 内部和开源代码同步,减少维护成本 [WI2023] 2023-02-22 16:45:25 +08:00
.eslintignore feat: init project US2022111700422 2023-02-16 19:11:16 +08:00
.eslintrc feat: init project US2022111700422 2023-02-16 19:11:16 +08:00
.gitignore feat: init project US2022111700422 2023-02-16 19:11:16 +08:00
.npmrc fix(tiny-vue): 内部和开源代码同步,减少维护成本 [WI2023] 2023-02-22 16:45:25 +08:00
.prettierignore feat: init project US2022111700422 2023-02-16 19:11:16 +08:00
.prettierrc feat: init project US2022111700422 2023-02-16 19:11:16 +08:00
CHANGELOG.md feat: init project US2022111700422 2023-02-16 19:11:16 +08:00
CONTRIBUTING.md fix(tiny-vue): 内部和开源代码同步,减少维护成本 [WI2023] 2023-02-22 16:45:25 +08:00
LICENSE feat: init project US2022111700422 2023-02-16 19:11:16 +08:00
README.md fix(tiny-vue): 内部和开源代码同步,减少维护成本 [WI2023] 2023-02-22 16:45:25 +08:00
build.sh fix(tiny-vue): 内部和开源代码同步,减少维护成本 [WI2023] 2023-02-22 16:45:25 +08:00
commitlint.config.js feat: init project US2022111700422 2023-02-16 19:11:16 +08:00
deleteDist.js feat: init project US2022111700422 2023-02-16 19:11:16 +08:00
index.html feat: init project US2022111700422 2023-02-16 19:11:16 +08:00
jsconfig.json fix(tiny-vue): 内部和开源代码同步,减少维护成本 [WI2023] 2023-02-22 16:45:25 +08:00
lerna.json feat: init project US2022111700422 2023-02-16 19:11:16 +08:00
logo.svg feat: init project US2022111700422 2023-02-16 19:11:16 +08:00
modules.json fix(tiny-vue): 内部和开源代码同步,减少维护成本 [WI2023] 2023-02-22 16:45:25 +08:00
npm-publish.js fix(tiny-vue): 内部和开源代码同步,减少维护成本 [WI2023] 2023-02-22 16:45:25 +08:00
package.json fix(tiny-vue): 内部和开源代码同步,减少维护成本 [WI2023] 2023-02-22 16:45:25 +08:00
vite.config.js fix(tiny-vue): 内部和开源代码同步,减少维护成本 [WI2023] 2023-02-22 16:45:25 +08:00

README.md

TinyVue Logo

Tiny Vue 是一个基于 Vue 的 UI 组件库,可以同时支持 Vue 2.0 和 Vue 3.0。

特性:

  • 包含 69 个简洁、易用、功能强大的组件
  • 同时支持 Vue2 和 Vue3
  • 支持国际化
  • 支持主题定制
  • 组件内部支持配置式开发,特别适合低代码平台可视化组件配置
  • 采用模板、样式、逻辑分离的跨端跨框架架构,保障灵活性和可移植性

如何使用

1. 安装

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

npm i @opentiny/vue

执行以下命令,安装 Vue 2.0 版本的 Tiny Vue 组件库

npm i @opentiny/vue@2

2. 引入和使用

App.vue文件中使用 Tiny Vue 组件。

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

<template>
  <tiny-button>Tiny Vue</tiny-button>
</template>

本地开发

git clone git@github.com:opentiny/tiny-vue.git
cd tiny-vue
npm i --legacy-peer-deps

# 启动 Vue3 项目
npm run dev:vue3

# 启动 Vue2 项目
npm run dev:vue2

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

参与贡献

如果你对我们的开源项目感兴趣,欢迎加入我们!

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

开源协议

MIT