自定义控件vue脚手架

前提

需要本地安装node，以及可以从npm上下载package的网络环境

安装

命令终端进入vue-stage，运行npm install。如果没有可用网络，解压node_modules即可

配置

在src目录里，分为web端和mobile端，isv目录下默认有fdtest目录，根据自己的开发商标识，建立目录，比如：kingdee、fdtest。 在fdtest下，放置各个领域的目录（moudleId），比如：cq。 在cq目录下，放置各个控件的文件夹，文件夹命名使用schemaId。

在build目录里的custom.configInfo.js中，需要根据对应的需要修改client、isv、moduleId的值

在server.js里，配置允许跨域访问的域名、监听端口、静态资源文件夹（需要对nodejs有了解）

打包

命令终端进入vue-stage，运行npm run dev（开发模式）或者npm run build（生产模式），这个步骤需要有node 如需要打成zip包，需手动将控件目录下的css目录、lang目录、index.js文件、index.js.map文件打在一个zip包里

启动服务

命令终端进入vue-stage，运行nodemon server.js 此功能优化开发过程中出现频繁打zip包的过程

本地调试

开发调试前确保dev模式和nodemon两个都启动 在苍穹对应的页面开发界面url上添加kdcus_cdn=http://localhost:3001参数，刷新

KDE脚本插件测试

var plugin = new FormPlugin({
  customEvent : function(e){
    var args = e.getEventArgs()
    var customControl = this.getView().getControl('customcontrolap') // 这里的'customcontrolap'是自定义控件在设计器上的标识属性的值，填了什么这里就写什么，默认是customcontrolap
    var data = {
      activeIndex: parseInt(args) + 1
    }
    customcontrol.setData(data)
  }
});