0.1.15 • Published 2 years ago
ui-components-vue v0.1.15
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
中所有组件,及对应样式、说明等...