使用vue create project-name方式创建的项目<br> 项目内容: 主要用于开发vue3私有组件库 <br> 技术栈: vue3 + webpack <br> 自动化:eslint + prettier + commitlint 实现代码检查、代码格式化及commit msg
npm install ui-components-vue
npm install
`
$3
`
npm run dev
`
$3
`
npm run build-lib
`
$3
src中开发所需组件
$3
- ./examples/index.js中进行引入,(遍历后自行导出)
- npm run build-lib打包后 npm publish发布
$3
- 实际项目中安装npm包: npm i ui-components-vue -S
- 实际项目中main.js中引入库
`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中直接引用
`js
primary
`
ButtonCom是OSUI中的一个button模块
$3
将详细列出OSUI`中所有组件,及对应样式、说明等...