npm i zvi --save-dev
// 项目入口js
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import zvi from 'zvi' // 引入组件库
Vue.config.productionTip = false
Vue.use(zvi) // 全局注册
new Vue({
router,
render: h => h(App)
}).$mount('#app')
import { Button, Input } from 'zvi';
Vue.use(Button.name, Button)
Vue.use(Input.name, Input)
// 使用
<template>
<z-button class="primary"></z-button>
</template>
// ……略
|-- zvi
|-- README.md
|-- vue.config.js // vue-cli扩展配置
|-- dist // build生成打包目录
|-- package // npm 打包发布目录
|-- site // 静态文档网站目录
| |-- App.vue // 根文件
| |-- main.js // 入口
| |-- router.js // 路由
| |-- assets // 静态资源
| | |-- logo.png
| |-- components // 组件
| |-- views // 页面
|-- libs // 组件库
| |-- index.js // 入口文件
| |-- components // 组件库源码
| |-- styles // 组件公用样式
| |-- utils // 组件工具函数
|-- public // 项目公共静态资源
| |-- favicon.ico // favicon
| |-- index.html // 模板
|-- tests // 单元测试
|-- unit
|-- .eslintrc.js
|-- example.spec.js
……略