建立您在 AEM 的第一個 Angular SPA
歡迎使用專為初次接觸 Adobe Experience Manager (AEM) 中 SPA Editor 功能的開發人員設計的多部分教學課程。此教學課程會逐步引導您為虛擬生活風格品牌 WKND 實作 Angular 應用程式。Angular 應用程式的開發與設計，是為了能夠使用 AEM 的 SPA 編輯器進行部署，而此編輯器會將 Angular 元件對應至 AEM 元件。部署至 AEM 的完成 SPA 即可使用 AEM 傳統的內嵌編輯工具動態製作。
WKND SPA 實作
關於
此多部份教學課程的目的為教導開發人員如何實作 Angular 應用程式，以使用 AEM 的 SPA Editor 功能。在真實世界情況中，開發活動會依人員細分，通常包含 前端開發人員 和 後端開發人員。我們相信任何參與 AEM SPA 編輯器專案的開發人員，在完成此教學課程後都將獲益。
此教學課程在設計上將使用 AEM as a Cloud Service，並向下相容於 AEM 6.5.4+ 和 AEM 6.4.8+。使用以下項目實作 SPA：
預計約需 1-2 小時完成教學課程的每個部份。
最新的程式碼
您可以在 GitHub 上找到教學課程的所有程式碼。
最新的程式碼基底可以當做可下載的 AEM 套件使用。
必備條件
開始進行此教學課程前，您需要具備以下條件：
- HTML、CSS 和 JavaScript 的基本知識
- 對於 Angular 有基本的認識
- AEM as a Cloud Service SDK、AEM 6.5.4+ 或 AEM 6.4.8+
- Java
- Apache Maven (3.3.9 或更新版本)
- Node.js 和 npm
雖然不一定需要，但對於開發傳統的 AEM Sites 元件有基本的了解也會有幫助。
本機開發環境
本機開發環境是完成此教學課程不可或缺的條件。螢幕截圖和影片都是使用在 Mac OS 環境上執行的 AEM as a Cloud Service SDK 擷取，並將 Visual Studio Code 當做 IDE 使用。除非另有註明，否則命令和程式碼應不受本機作業系統的限制。
注意