準備開發環境

適用於：Windows Admin Center、Windows Admin Center 預覽版

讓我們開始使用 Windows Admin Center SDK 來開發擴充功能！ 在本文中，我們將介紹讓您的環境啟動並執行以建置和測試 Windows Admin Center 擴充功能的過程。

注意

對 Windows Admin Center SDK 不熟悉嗎？ 深入了解 Windows Admin Center 的擴充功能

若要準備您的開發環境，請執行下列步驟：

安裝先決條件

若要開始使用 SDK 進行開發，請下載並安裝下列的必要項目：

• Windows Admin Center (GA 或預覽版)
• Visual Studio 或 Visual Studio Code
• Node.js (下載並安裝 16.20.2 版的 .msi 檔案)
• Node 封裝管理員 (6.14.5 或更新版本)
• NuGet (用於發佈擴充功能)

注意

您需要在開發人員模式下安裝並執行 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

安裝全域相依性

接下來，使用 [Node 封裝管理員] 來安裝或更新專案所需的相依性。 這些相依性將會全域安裝，且可用於所有專案。

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 中的外觀！