通过

准备开发环境

  • 项目
  • 适用于:
    ✅ Windows Admin Center, ✅ Windows Admin Center Preview

让我们开始使用 Windows Admin Center SDK 开发扩展！ 在本文档中，我们将介绍启动并运行环境以构建并测试 Windows Admin Center 的扩展的流程。

注意

不熟悉 Windows Admin Center SDK？ 了解有关 Windows Admin Center 的扩展 的详细信息

要准备开发环境，请执行以下步骤：

安装先决条件

要开始使用 SDK 进行开发，请下载并安装以下必备组件：

若要绕过使用 .NET 8 运行的 Windows Admin Center 版本在扩展安装期间发生的签名验证，还应将 Windows Admin Center 操作模式切换到“开发”。若要配置开发模式，必须：

  • 打开 Windows Admin Center 实例的 appsettings.json 文件。 默认情况下，可在 C:\Program Files\WindowsAdminCenter\service\appsettings.json 找到此项。
  • 修改 WindowsAdminCenter/System 节下的 OperationMode 字段，以读取“开发”而不是“生产”。

注意

若要使用 .NET 4.6.2 在 Windows Admin Center 版本上开发扩展，需要在开发模式下安装和运行 Windows Admin Center，以便执行以下步骤。 开发人员模式允许 Windows Admin Center 加载未签名的扩展包。 Windows Admin Center只能安装在 Windows 10 计算机上的开发模式下。

要启用开发人员模式，请从命令行使用参数 DEV_MODE = 1 安装 Windows Admin Center。 在以下示例中，将 <version> 替换为正在安装的版本，即 WindowsAdminCenter1809.msi。

msiexec /i WindowsAdminCenter<version>.msi DEV_MODE=1

如果你已安装 Windows Admin Center 但未启用开发模式，则可以使用注册表编辑器编辑开发模式属性的值。 可以在以下路径下找到 Windows Admin Center 的属性：

Computer\HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\ServerManagementGateway

安装全局依赖项

接下来，用节点包管理器安装或更新项目所需的依赖项。 这些依赖项将全局安装，并适用于所有项目。

npm install -g @angular/cli@11.2.14

npm install -g gulp
npm install -g typescript
npm install -g tslint
npm install -g @microsoft/windows-admin-center-sdk@latest

注意

你可以安装更高版本的 @angular/cli，但请注意，如果你安装的版本高于 11.2.14，则在 Gulp 构建步骤期间，你将收到一条警告，指出本地 CLI 版本与已安装的版本不匹配。

后续步骤

现在你的环境已准备就绪，可以开始创建内容了。

SDK 设计工具包

查看我们的 Windows Admin Center SDK 设计工具包！ 此工具包旨在帮助您使用 Windows Admin Center 样式、控件和页面模板在 PowerPoint 中快速模拟扩展。 在开始编写代码之前，请先在 Windows Admin Center 中查看你的扩展！