设置

先决条件

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

• HTML、CSS 和 JavaScript 的基本知识
• 对 AMP 核心概念的基本理解（请参阅 “将 HTML 转换为 AMP” 教程）
• 您选择的浏览器
• 您选择的文本编辑器

设置您的开发环境

步骤 1. 下载代码

1. 下载本教程的代码，该代码以 zip 文件形式压缩，网址如下：/static/files/tutorials/amp-pets-story.zip

2. 解压 zip 文件的内容。在 amp-pets-story 目录中，包含了我们将用来创建故事的图像、视频、音频和数据文件。pets.html 文件是我们故事的起点。故事的完整版本可以在 pets-completed.html 文件中找到。

步骤 2. 运行示例页面

为了测试我们的示例 Web Story，我们需要从 Web 服务器访问这些文件。有几种方法可以创建一个临时的本地 Web 服务器以进行测试。这里有一些选项，选择最适合您的方法

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

在设置好您的本地 Web 服务器之后，通过访问以下 URL，查看本教程结束时我们完成的 Web Story 的样子

https://127.0.0.1:8000/pets-completed.html

点击浏览完成的故事，了解我们将要创建的内容。

• 作者： @bpaduch