在 Visual Studio 2022 中使用 React js(typescript) 创建新插件

Question

我正在使用 java 脚本在 Visual Studio 2022 中开发插件。 我想使用 React（类型脚本）升级我的加载项 我阅读了文档，其中我可以使用 Yeoman Generator 在 Visual Studio 代码中创建加载项。 我希望在将项目迁移到 React 后，我现有的功能不会受到影响。 （我的新功能将在react中创建，现有功能将并行工作，直到并行迁移到react（typescript））

您能否提供指导和步骤来做到这一点。我如何在 Visual Studio 2022 中使用 React 创建 Office 插件（Excel、Word、Powerpoint）的应用程序。

Answer 1

我可以想到两种策略。但我只能画出它们的草图。我认为策略 1 将是最简单的。

策略一：

1. 在 VS 2022 中创建加载项解决方案。
2. 从解决方案中的 Web 项目中删除 Home.html、Home.css 和 Home.js 文件以及 \Content 文件夹。
3. 在 Yo Office 中创建一个不同的项目并选择 React 选项。
4. 将 Yo Office 项目中的 \src 文件夹中的文件复制到 VS 2022 解决方案中 Web 项目的根目录。
5. 将清单中的 URL 更改为指向 taskpane.html 而不是 Home.html。

策略2：

1. 在 VS 2022 中创建加载项解决方案。
2. 将 React 项目添加到解决方案中。
3. 从解决方案中的 Web 项目中删除 Home.html、Home.css 和 Home.js 文件以及 \Content 文件夹。
4. 将 React 项目中的 index.html 文件和 \src 文件夹复制到插件 Web 项目。
5. 将清单中的 URL 更改为指向 index.html 而不是 Home.html。
6. 当插件运行时，从解决方案中删除 React 项目。