运行调试

• 安装依赖

npm install

• 启动

npm run serve

• 创建部件

src/components 目录下新建.vue部件 该目录下的.vue文件会自动注册为全局组件

export default {
  name: "" // 唯一名称，需与上传程序包编码一致
}

• 配置部件显示

src/config/devData.js 文件中，加入

{
    show: true,
    id: "",
    name: "", (中文名) 不影响渲染
    widgetName: "" , 部件名称(code) 唯一名称(与上一步创建的名称一致)
    eCode: "omabAv",  企业code 部分企业接口需要
}

部件打包（demo演示）

• 创建导出配置文件

src/exports 目录下创建导出配置文件
如: demo.js

import widget from "../components/demo.vue";  //需导出的组件

// 如需其他插件 可在此处引入
// import ...

widget.install = (Vue) => {
    //组件注册
    Vue.component(widget.name, widget);
};
export default widget;

• 执行导出命令

vue-cli-service build --target lib --name demo --dest dist/demo  src/exports/demo.js

vue-cli-service build --target lib --name '(部件名称)' --dest dist/(输出目录名称)  src/exports/(导出配置文件)

预览页面

• 在聆客APP的运行效果。在聆客APP - 我 - 轻应用调试

调试入口	启动地址	效果图

• 如何调出小程序调试:
  • Ios: 打开手机设置 - 找到聆客APP，点击进入 - 打开开发者调试开关
  • Android: 在聆客APP - 我 - 关于 - 连续点击聆客图标