forked from opentiny/tiny-vue
f41a593d29
Match-id-31a5bd840dddac8f9371b683a11e8d2521d111c1 |
||
---|---|---|
.cid | ||
.codecheck | ||
.github | ||
.husky | ||
build | ||
example | ||
packages | ||
template | ||
typings | ||
.eslintignore | ||
.eslintrc | ||
.gitignore | ||
.npmrc | ||
.prettierignore | ||
.prettierrc | ||
CHANGELOG.md | ||
CONTRIBUTING.md | ||
LICENSE | ||
README.md | ||
build.sh | ||
commitlint.config.js | ||
deleteDist.js | ||
index.html | ||
jsconfig.json | ||
lerna.json | ||
logo.svg | ||
modules.json | ||
npm-publish.js | ||
package.json | ||
vite.config.js |
README.md
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/
参与贡献
如果你对我们的开源项目感兴趣,欢迎加入我们!
参与贡献之前请先阅读贡献指南。
- 添加官方小助手微信 opentiny,加入技术交流群
- 加入邮件列表 opentiny@googlegroups.com