owl ui

VueとWebpackに基づいて構築されたモバイルUIコンポーネントライブラリ

Owl-UIを理解してください

公式ウェブサイト	例	著者

開発エクスペリエンスリンク

UIコンポーネントライブラリ開発エクスペリエンス0から1

UIコンポーネントライブラリ開発エクスペリエンス1からN-コンポーネント

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 [email protected]: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测试 & 组件单元测试