owl-ui

基于 Vue 和 Webpack 构建的移动端UI组件库

了解 owl-ui

官网	示例	作者

开发心得链接

UI组件库从0到1开发心得

UI组件库从1到N开发心得-组件篇

UI组件库从1到N开发心得-单元测试篇

安装 & 使用

npm install owl-ui -S

import 'owl-ui/lib/flexible' // Mobile adaptive solution
import Vue from 'vue'
 
import Owl from 'owl-ui'
import 'owl-ui/lib/styles/owl-ui.css'
 
Vue.use(Owl)

按需加载

import 'owl-ui/lib/flexible'
import Vue from 'vue'
 
import Button from 'owl-ui/lib/button/button.js'
import 'owl-ui/lib/button/button.css'
 
Vue.use(Button)

开发

git clone [e-mail]:dengwb1991/owl-ui.git
 
cd owl-ui
 
npm install 
 
npm run dev
 
# 启动文档开发 
 
npm run docs

命令介绍

 
npm run dev             #启动组件开发 
 
npm run docs            #启动文档开发 
 
npm run prod            #组件构建 
 
npm run build           #整体构建 
 
npm run build:style     #样式构建 
 
npm run build:icon      #svg转化为iconfont 
 
npm run build:docs      #文档构建 
 
npm run build:example   #示例构建 
 
npm run build:component #按需组件构建 
 
npm run lint            #eslint测试 
 
npm run unit            #组件单元测试 
 
npm run test            #eslint测试 & 组件单元测试