Word 加载项开发

---

前言

参考指南：Office 加载项文档 - Office Add-ins | Microsoft Learn

版本对照关系：Word JavaScript API 要求集 - Office Add-ins | Microsoft Learn

---

提示：以下是本篇文章正文内容，下面案例可供参考

先决条件

工具	版本
Node.js	LTS latest
Yeoman	latest
Microsoft Office Word	符合条件

Yeoman可通过npm安装

npm install -g yo generator-office

快速开始

创建项目

yo office

• 选择项目类型：Office Add-in Task Pane project
• 选择脚本类型：JavaScript
• 您希望为加载项命名什么？Demo-Add-in
• 您希望支持哪个 Office 客户端应用程序？Word
  
  创建后，工具默认执行npm install，若执行失败，需手动进入工程目录，安装依赖

目录结构

├── assets                                  静态资源文件夹
├── babel.config.json
├── dist									Web应用程序编译后的文件
├── manifest.xml							定义加载项的设置和功能
├── package-lock.json
├── package.json
├── src
│   ├── commands
│   │   ├── commands.html
│   │   └── commands.js
│   └── taskpane
│       ├── taskpane.css					应用于任务窗格中的内容的 CSS
│       ├── taskpane.html					组成任务窗格的 HTML
│       └── taskpane.js						用于加快任务窗格与 Office 客户端应用程序之间的交互的 Office JavaScript API 代码
└── webpack.config.js

预览

npm start

发布加载项

通过网络共享发布（Mac不可用）

旁加载 Office 加载项以从网络共享进行测试 - Office Add-ins | Microsoft Learn