設定
先決條件
開始本教學課程之前，您需要準備好下列項目
- HTML、CSS 和 JavaScript 的基本知識
- 對 AMP 核心概念的基本理解 (請參閱「將您的 HTML 轉換為 AMP」教學課程)
- 您選擇的瀏覽器，且能夠檢查 JavaScript 主控台
- 您選擇的文字編輯器
設定您的開發環境
步驟 1. 下載程式碼
以下載 ZIP 檔案或透過 git 的方式，下載本教學課程的範例程式碼
git clone https://github.com/googlecodelabs/accelerated-mobile-pages-advanced.git
解壓縮封存檔 (如有必要)，並透過電腦上的命令列導覽至專案目錄
cd accelerated-mobile-pages-advanced
專案目錄包含數個範例資源檔案，以及起始的 article.amp.html 頁面。
步驟 2. 執行範例頁面
為了測試範例 AMP 頁面，我們需要從網路伺服器存取檔案。有多種方法可以建立暫時的本機網路伺服器以進行測試。以下是一些選項，請選擇最適合您的一種
注意 – 強烈建議您在生產環境中使用 HTTPS。HTTPS 除了安全性之外，還有多項優點，包括 SEO (搜尋引擎最佳化)。您可以在這篇 Google 網站管理員部落格文章中閱讀更多關於此主題的資訊。
設定好本機網路伺服器後，請在瀏覽器中透過 這個網址存取範例文章
https://127.0.0.1:8000/article.amp.html