龙空技术网

WPS加载项开发-离线篇

李老师tome 39

前言:

此时姐妹们对“vue调用本地wps”大约比较关切,小伙伴们都需要了解一些“vue调用本地wps”的相关资讯。那么小编同时在网上汇集了一些关于“vue调用本地wps””的相关文章,希望我们能喜欢,看官们一起来了解一下吧!

使用WPS时,有时候我们会要自己开发一些行业功能,所以需要自定义一些加载项,点一下按钮帮我们简化操作流程。由于官方的示例说明不清楚,我将把我成功运行的操作过程演示一下。

一起来开发吧!本篇假设你电脑上己经装好了nodejs环境。

安装wpsjs

直接使用“npm i -g wpsjs”,安装WPS开发工具

新建DEMO

输入命令: wpsjs create HelloWps, 会出现选择,我这里选的是EXCEL开发,UI框架支持VUE的。

调试DEMO

执行命令: wpsjs debug,会打开一个EXCEL界面,顶部工具栏会出现DEMO,

离线发布

1、执行命令: wpsjs build, 会在项目根目录下生成一个“wps-addon-build”,里面的文件就是最终部署文件

2、我们将这个文件夹先更名为“wpsdemo_1.0”,然后将它压缩成wpsdemo_1.0.7z

wpsdemo:包名1.0:版本号

3、生成这个压缩文件的url本地地址,例如我本机的位置:"",记住这个地址

4、找到WPS的 jsaddons 目录,我本机地址在:”C:\Users\tomyjohn\AppData\Roaming\Kingsoft\wps\jsaddons“。将之前的wpsdemo_1.0文件夹复制到此文件夹中

5、修改jsaddons目录中的publish.xml文件的内容,如果没有jsplugin此项,可以手动添加

name:包名version:版本号url:第3步生成的url文件地址

打开一个EXCEL,顶部就会出现我们开发的加载项,WPS加载项离线版本就安装成功,如果需要发给其他人使用,就需要开发在线版。

标签: #vue调用本地wps