submoduletest

UI公共组件库

开发

UI组件库使用步骤

1、git下载UI组件库项目代码 2、npm install 下载依赖 3、UI组件的开发在package文件夹。 4、组件库已经集成移动设备自适应和vant框架，开发时可直接使用 5、组件库可进行独立开发，命令：npm run dev。 6、example文件夹可直接调用package文件夹中的组件。组件调用方法与普通的vue项目相同。 7、修改package.json的版本号。 8、执行编译库，命令：npm run lib 9、登录到npm仓库 9、发布组件库到仓库，命令：npm publish 10、发布成功后，查看仓库是否存在新发布的内容 11、使用新发布的组件 （1）安装新发布的组件库，命令：npm install xxx@版本号 -S （2）全局加载组件库，通过import进行引入，use方法全局使用组件库 （3）vue页面中直接需要的插件使用

安装

$ npm install submoduletest -S

使用

在 main.js 文件中引入插件并注册

# main.js
import submoduletest from 'submoduletest'
Vue.use(submoduletest)

在项目中使用 submoduletest

<template>
  <testModule />
</template>

特点

1. 简单易用
2. 提供以 npm 的形式安装提供全局组件