你的第一个渐进式网站应用（2）

2. 开始设置

下载代码

点击下面的链接，下载这个代码实验室的完整代码:

DOWNLOAD SOURCE CODE

解压缩下载的zip文件。会解压一个根文件夹 (your-first-pwapp-master), 所有的步骤都包含在这个文件夹中，还有所有你将会用到的资源。

step-NN 文件夹包含了这个代码实验室所有步骤的最终状态。他们用来做为参考。我吗将在work的目录中完成我我们所有的编码工作。

安装并验证网站服务器

虽然您可以随意使用自己的网站服务器，但是这个代码实验室在Chrome Web服务器上会更好的运行。如果您尚未安装该应用，你可以从Chrome网上应用店安装。

INSTALL WEB SERVER FOR CHROME

在安装完Web Server for Chrome这个app后, 点击书签栏上的apps快捷键:

更多帮助: Add and open Chrome apps

在随后出现的窗口中，点击Web Server图标:

接下来你就会看到这个对话框， 允许你配置你的本地网站服务器:

击选择文件夹按钮，然后选择工作文件夹。这将使你可以通过网站服务器对话框中突出显示的URL（位于“Web Server URL(s)”部分）去服务你的工作进程。

下面是各个选项，选择 "Automatically show index.html", 如下图所示:

通过下面的滑块去更改 "Web Server: STARTED" ，先滑到左边再滑到右边去完成停止和重启服务。

现在可以在你的浏览器中访问你的工作站点了（点击Web Server URL高亮部分），你将会看到一个下图这样的页面:

目前为止，这个应用程序还没有做任何有趣的事情，这只是一个用于验证你的网站服务器功能的最小骨架。我们将在随后的步骤中添加功能和UI特性。

从这开始，所有测试/验证（例如后续步骤中的“测试”部分）都会使用这个网站服务器设置来执行。