ui-components-vue

使用vue create project-name方式创建的项目 项目内容： 主要用于开发vue3私有组件库 技术栈： vue3 + webpack 自动化：eslint + prettier + commitlint 实现代码检查、代码格式化及commit msg

安装

npm install

开发环境

npm run dev

打包成库

npm run build-lib

组件开发

src中开发所需组件

组件导出

• ./examples/index.js中进行引入，（遍历后自行导出）
• npm run build-lib打包后 npm publish发布

整体引用

• 实际项目中安装npm包: npm i ui-components-vue -S
• 实际项目中main.js中引入库

import { ButtonSig, InputCom } from 'ui-components-vue'
import "ui-components-vue/dist/ui-components-vue.css";

const app = createApp(App)

app.use(ButtonSig)

app.mount('#app')

• views中直接引用

<template>

  <r-button type="primary" @click="handleClick">primary</r-button>

</template>

ButtonCom是OSUI中的一个button模块

docs

将详细列出OSUI中所有组件，及对应样式、说明等...