在本教程中，将创建一个 WPS 加载项，该加载项将：

• 设计自定义功能区
• 打开对话框
• 创建自定义任务窗格

准备开发环境

• 安装Node.js
• 安装代码编辑器 Visual Studio Code
• 安装开发扩展。打开 Visual Studio Code 扩展搜索"WPS 加载项"，点击安装。

新建 WPS 加载项

打开 Visual Studio Code 命令面板，执行 init WPS

按照提示输入插件名"JsDemo"

按照提示指定 WPS 加载项类型

按照提示指定 WPS 加载项版本号，WPS 加载项创建完成。

使用代码自动补全，打开 Visual Studio Code 命令面板，执行 get WPS types

运行插件。打开 Visual Studio Code 终端，执行 npm install 安装前端开发所需插件； 执行npm run dev后自动启动了 WPS 程序。

在 WPS 程序中新建空白文档，查看刚刚新建的 WPS 加载项。点击上面的按钮，尝试一下吧。

对 WPS 加载项进行配置

获取更多范例

OA 助手 Demo