nextop-vue-element v0.1.5

nextop-vue-element

公司级 vue 组件集合

一. 有哪些功能?

组件: input, select, multiple select, datepicker, MenuTabs, Panel etc.

其他功能: 表单验证, LocalStorageUtil等

二. 如何使用?

项目已发布到npm上, 可以直接安装:

yarn add nextop-vue-element

import Vue from 'vue';
import iView from 'iview';
import nextopVueElement from 'nextop-vue-element';  // 1. 在这里引入
import 'iview/dist/styles/iview.css';

Vue.use(iView);
Vue.use(nextopVueElement); // 2. 在这里安装 (也可以在vue文件中导入独立模块)

三. 如何继续开发公用组件, 并测试?

src目录为公用组件库

demo目录为测试项目(完整的vue项目, 可运行)

(1) 启动demo

1. cd demo
2. yarn install
3. yarn run serve 即可

(2) 在demo中开发新的组件

1. 在项目根目录运行: gulp.
   gulp 会watch src目录的变化, 并同步到demo/node_modules/nextop-vue-element下, 详细见: gulpfile.js

2. 在src下开发新的组件, gulp会自动同步到demo中, 在demo中查看效果

3. 在tests下补充新组件的 unit test
4. yarn run test 执行自动化测试脚本
5. 测试ok后, npm version patch && npm publish, 发布到npm

Contact

Feel free to contact me if you have any questions.

Email: gaokun@nextop.cn