练习 - 安装用于扩展 Viva Connections 的开发工具

已完成

在本练习中,你将安装生成 Viva Connections 扩展所需的工具。 你还将创建一个带有示例数据的 SharePoint 列表,这些数据将在本模块的其他练习中使用。

提示

如果在遵循有关 Viva Connections 扩展性的另一个模块的同时完成了这些步骤,则可以跳过此单元。

安装 SharePoint 框架 Yeoman 生成器及其先决条件

若要通过使用 SharePoint 框架构建应用程序,则需要安装 SharePoint 框架 Yeoman 生成器。 该生成器可为你构建 SharePoint 框架项目,从而为你提供构建应用程序的起点。

重要

如果你之前使用过 SharePoint 框架,请验证你的计算机上是否安装了版本 1.13 或更新版本的 SharePoint 框架 Yeoman 生成器。 SharePoint 框架支持从版本 1.13 开始扩展 Viva Connections。

若要验证已安装的版本,请在终端中运行 npm list --global --depth=0 并检查 @microsoft/generator-sharepoint 包的版本。 如果版本低于 1.13,请通过运行 npm uninstall --global @microsoft/generator-sharepoint 卸载它。

如果未安装 SharePoint 框架 Yeoman 生成器,或者已卸载它,请按照以下步骤在计算机上进行安装:

  1. 打开终端。
  2. 运行 node -v 命令以验证是否安装了 Node.js v14。 如果已安装其他版本,请卸载它,然后安装 v14。
  3. 在终端中,运行 npm install --global yo gulp @microsoft/generator-sharepoint。 此命令安装 SharePoint 框架 Yeoman 生成器以及 Yeoman 和 Gulp,这是使用 SharePoint 框架所必需的。
  4. 等待安装完成。

创建包含示例数据的 SharePoint 列表

在本学习模块的以下练习中,你将生成显示 SharePoint 列表中存储的公告的 Viva Connections 扩展。 以下程序将展示如何创建列表并向其添加示例数据。

若要新建 SharePoint 列表:

  1. 在 Web 浏览器中,转到 Microsoft 365 租户中的主站点。

    提示

    若要查看在 Microsoft 365 租户中将哪个网站配置为主网站,请转到 SharePoint 管理中心。 在 “设置” 菜单中,选择“ 主网站”。

  2. 在主站点中,从顶部菜单中选择 新建>列表

  3. 从要创建的列表类型中,选择“空白列表”。

  4. 姓名 字段中,输入 通知

  5. 选择“创建”。

接下来,使用额外的列扩展新创建的列表,以存储通知内容:

  1. 从列表标题中选择 添加列>多行文本
  2. 姓名 字段中,输入 描述
  3. 选择“保存”。

使用另一列扩展列表,以跟踪重要通知:

  1. 从列表标题中,选择添加列>是/否
  2. 姓名 字段中,输入 重要
  3. 默认值下 拉列表中,将值更改为
  4. 选择“保存”。

使用列表工具栏中的 “新建” 按钮创建一些测试通知。 通过选择“重要”列,将其中一个通知标记为重要。