设置

前提条件

在开始本教程之前，您需要以下内容

• 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 页面，我们需要从 Web 服务器访问这些文件。有几种方法可以创建临时的本地 Web 服务器以进行测试。以下是一些选项，选择最适合您的选项

• “Web Server for Chrome” Google Chrome 应用
• 本地 HTTP Python 服务器
• Apache
• nginx

在设置好本地 Web 服务器后，请在浏览器中通过 此 URL 访问示例文章

https://127.0.0.1:8000/article.amp.html