首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >前端|npm全局创建wps加载项

前端|npm全局创建wps加载项

作者头像
算法与编程之美
发布于 2020-03-31 08:22:02
发布于 2020-03-31 08:22:02
2K01
代码可运行
举报
运行总次数:1
代码可运行

问题描述

基于vscode的方式创建wps加载项在获取类型之后,无法自动生成wps加载项,在网上查询相关问题内容也无果。不过Wps官方文档又更新了通过npm全局的方式创建wps加载项,下面就来具体介绍一下。

解决方案

创建步骤:

1.准备开发环境

(1)安装wps 2019

(2)安装node.js环境

(3)安装 Visual Studio Code

2.创建wps加载项

打开命令窗口(win+R 输入cmd),然后输入安装命令npm install -g wps js

图 2.2.1 执行安装命令

输入wpsjs create Hello创建一个新的文件(如果存在相同的文件,会提示删除)。

图 2.2.2 创建新文件

按提示选择需要创建的类型和框架,这里的UI框架提供了两种选择,“无”代表示例代码中都是原生的js及html代码,没有集成vue\react等流行的前端框架。"Vue"代表生成的示例代码集成了Vue相关的脚手架,在实际的项目中选用Vue基于示例代码可能更适合做工程化的开发。

图 2.2.3 选择类型和框架

确认后会生成Hello的文件夹,可以进入文件夹查看目录。

图 3.2.4 查看文件目录

输入命令wpsjs debug启动wps 2019

图 3.2.5 启动wps

启动成功后会自动跳转到wps 2019,然后再顶部栏找到wps加载项示例

图 3.2.6 选择wps加载项示例

执行此命令后即可开始调试("Alt+F12"打开调试器),wpsjs工具包会自动启动wps并加载HelloWps这个加载项,同时wpsjs工具包启了一个http服务,此服务主要提供两方面的能力:

a.提供前端页的的热更新服务,wpsjs工具包检测到网页数据变化时,自动刷新页面。

b.提供wps加载项的在线服务,wpsjs生成的代码示例是一个在线模式,wps客户端程序实际上是通过http服务来请求在线的wps加载项相关代码和资源的。

创建完成后就可以用vscode软件打开示例代码,然后愉快地进行开发了。

END

编 辑 | 王楠岚

责 编 | 冯 博

where2go 团队


本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2020-03-30,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 算法与编程之美 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
3个小时,从学到做,我用低代码平台搭了一套管理系统
最近工作中遇到了一个棘手的问题,需要快速开发一套项目管理系统,以满足团队对项目进度、任务分配、资源管理等多方面的需求。
informat低代码
2025/06/24
980
超好用的低代码平台:10款可视化工具深度评测(上)
为了解决你的心头之患,我花了整整3天时间搜寻信息、整理资料,终于为你手写了这篇文章。希望对你有所帮助。内容较长,为防后续能反复查看验证,建议先点赞收藏~
informat低代码
2025/07/10
530
盘点国内最好用的20款低代码开发平台(2025年最新)
低代码(LCDP)是一种无需编码或通过少量编码就能生成业务管理系统的快速开发平台。低代码采用的是“组件化+可视化+图形化”的应用程序开发方法,使得具有不同经验水平的开发人员都可以通过图形化的用户界面,使用拖拽组件和模型驱动的逻辑来创建Web/H5/APP/小程序等应用程序。以下是部分常见的低代码平台:
informat低代码
2025/06/27
6040
盘点国内最好用的20款低代码开发平台(2025年最新)
建议收藏!10个前端低代码开源项目
低代码是基于可视化和模型驱动理念,结合云原生与多端体验技术,可以通过简单的拖拽、配置,即可完成业务应用的搭建。
程序员老鱼
2023/08/10
2.4K0
建议收藏!10个前端低代码开源项目
推荐20个开源的前端低代码项目
来源:低代码一哥本文约2500字,建议阅读9分钟本文分享几个值得学习和使用的前端低代码开源项目,更深入地了解什么是低代码。 近几年,在技术领域低代码是比较热门的话题,比如阿里云推出了钉钉低代码,通过简单的拖拽、配置,即可完成业务应用的搭建,腾讯云则是推出了微搭,通过行业化模板、拖放式组件和可视化配置快速构建多端应用。 低代码是基于可视化和模型驱动理念,结合云原生与多端体验技术,它能够在多数业务场景下实现大幅度的提效降本,为专业开发者提供了一种全新的高生产力开发范式。下面就来分享几个值得学习和使用的前端低代码
数据派THU
2023/03/29
5.4K0
推荐20个开源的前端低代码项目
这个牛逼的国产低代码生成器!现在开源了
腾讯tmagic-editor是一个所见即所得的页面可视化编辑器,实现零代码/低代码生成页面,可以快速搭建可视化页面生产平台,让非技术人员可以通过拖拽和配置,自助生成H5页面、PC页面、TV页面,大大降低页面生产成本。
民工哥
2022/10/27
1.5K0
这个牛逼的国产低代码生成器!现在开源了
Low code 之从零搭建一个h5可视化平台
小白今年工作时间有一半都花在low code上面,且无论是b端or c端都有一些接触。接下来谈一下我对low code在业务和开发上带来的感受。
玖柒的小窝
2021/10/06
2.4K0
Low code 之从零搭建一个h5可视化平台
百度开源的低代码前端框架,支持网页和移动端页面开发
amis 是一个低代码前端框架,它使用 JSON 配置来生成页面,可以减少页面开发工作量,极大提升效率。
winty
2023/08/23
1.6K0
百度开源的低代码前端框架,支持网页和移动端页面开发
从实现原理谈谈低代码
点击上方“芋道源码”,选择“设为星标” 管她前浪,还是后浪? 能浪的浪,才是好浪! 每天 10:33 更新文章,每天掉亿点点头发... 源码精品专栏 原创 | Java 2021 超神之路,很肝~ 中文详细注释的开源项目 RPC 框架 Dubbo 源码解析 网络应用框架 Netty 源码解析 消息中间件 RocketMQ 源码解析 数据库中间件 Sharding-JDBC 和 MyCAT 源码解析 作业调度中间件 Elastic-Job 源码解析 分布式事务中间件 TCC-Transaction
芋道源码
2022/05/17
7320
从实现原理谈谈低代码
如何在微搭低代码平台自定义组件
如果 npm install -g @cloudbase/cli 失败,您可能需要修改npm权限,或者以系统管理员身份运行:
腾讯云开发TCB
2021/04/21
1.9K0
如何在微搭低代码平台自定义组件
低代码+AI:全民开发时代的开发者护城河
在腾讯云微搭平台中,使用优化后的Prompt使组件匹配准确率从63%提升至89%(测试数据集见附录)
Jimaks
2025/03/30
2190
阿里开源的低代码引擎 LowCodeEngine
LowCodeEngine是由阿里巴巴钉钉团队开源的低代码引擎, 该引擎全面遵循《阿里巴巴中后端前端基础构建协议规范》和《阿里巴巴中后端前端素材协议规范》。兼容主流浏览器:Chrome >= 80,Edge >= 80,safari 和 firefox 最近 2 个 版本。
二哥聊运营工具
2023/02/26
3.5K0
阿里开源的低代码引擎 LowCodeEngine
精读《对低代码搭建的理解》
在说低代码搭建之前,首先要理解什么是搭建(本文搭建指通过 Web 交互搭建一个自定义的新页面)。
黄子毅
2022/03/14
5460
低代码平台简介(10家国产化低代码平台详细介绍)
基于这样的优势,也让“低代码”在国内各个行业刮起了一场低代码风暴。还因此吸引了国内大厂纷纷加入,像腾讯、阿里、华为、网易、百度等科技巨头目前都已研发出了自己的低代码产品。并且还对该领域的其他产品进行了大量投资。就比如阿里,先是在2018年投资了一家低代码平台,而后又自己研发了低代码平台钉钉宜搭。
informat低代码
2023/05/26
2.7K0
推荐几款各具特色的低代码开发平台与开发框架!
自2020年低代码在国内盛行以来,技术热度持续不退,但围绕低代码的争议也从未停止过。有观点认为,低代码是IT革命,将“重塑整个中国软件的格局”,也有观点认为低代码是旧瓶装“新酒”,是炒作噱头而已。
海岛船长加西亚
2023/09/11
3.6K0
从 NASL 说开:低代码编程语言能饭否
风口之上,国内的低代码、无代码方案数不胜数。如下图所示,对于网易数帆推出的轻舟低代码平台,NASL是其中的关键,也是最大的差异化。NASL全称是NetEase(Normal)Application Specific Language,是轻舟低代码平台提供给用户的应用建模语言。对于NASL,网易数帆内部有过争论,有人强调NASL是一种DSL,有人则强调是一门编程语言,深入探讨后团队发现这两种说法都有道理,认知差异主要来自于看待问题的不同视角。
石臻臻的杂货铺[同名公众号]
2022/11/28
1.6K0
从 NASL 说开:低代码编程语言能饭否
微搭低代码「分模块混合开发」能力介绍
用户可以在可视化编辑应用的基础上,通过代码开发并部署应用的方式享受更加完整的一站式开发体验。
腾讯云开发TCB
2021/07/07
8610
微搭低代码「分模块混合开发」能力介绍
低代码(Low-Code)技术杂谈
“Low-Code”是什么?身为技术人员听到这种技术名词,咱们第一反应就是翻看维基百科 或者其他相关技术论文,咱们想看维基百科的英文介绍:
林淮川
2021/12/15
1.4K0
盘点:2022年国内比较主流的低代码开发平台有哪些?
史上最全“低代码开发平台”介绍合集,2022年国内30家优秀低代码开发平台汇总盘点!这些平台必须拥有姓名!(以下排名不分先后)
informat低代码
2022/06/07
5.2K0
如何评价Dooring低代码/零代码搭建平台?
大家好, 我是徐小夕, 之前一直在分享可视化低代码的一些实践, 围绕 H5-Dooring 零代码搭建平台也输出了很多技术文章, 最近2.7.0 版本也顺利迭代完成, 这里详细分享一下 H5-Dooring 无代码搭建平台技术方案.
徐小夕
2022/09/27
1.3K0
如何评价Dooring低代码/零代码搭建平台?
推荐阅读
相关推荐
3个小时,从学到做,我用低代码平台搭了一套管理系统
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验