本教程由泰然教程组出品。翻译：benna，jesse；校对：Iven。转载请注明出处并通知泰然。
原文链接： http://www.gamefromscratch.com/post/2012/06/04/Cocos2D-HTML5-tutorial-1-Getting-set-up-and-running.aspx
首发地址：http://article.ityran.com/archives/1387
http://article.ityran.com/wp-content/uploads/2012/06/image.png
本教程涉及到Cocos2D-html开发环境的配置以及运行。如果你的环境已经可以使用就可以跳过这一步。这也将涉及到一个可选的web 服务配置。不管怎样，让我们先开始吧。
第一步你要做的事情是下载cocos2d-html5代码，https://github.com/cocos2d/cocos2d-html5。
找到这个zip图标，如图所示，然后点击下载。
将所下载的东西保存到任意位置，只要记住保存在哪里，待会儿我们就会用到它。
现在我们将要安装一个Web服务器。这个部分是可选的，但是如果你想充分利用这些cocos 示例，你需要一个已安装的web 服务器。这可以让你在不同的机器上都能访问你自己的东西。而且，这是一个非常简单的过程。以下的这些说明都只针对windows系统。
先访问WAMP，下载他们的服务器程序。WAMP服务器是一个Apache，MySql，PHP和其他的一些程序的整合安装包，虽然它有点庞大，但它确实非常简单。选择哪个版本合适并不重要，只要你选择适用你的系统的版本就好（32位或64位）。
现在运行安装程序。我在需要输入的地方选择了默认值，然后让它安装到了C：\wamp。如果你保存到了不同的目录，你需要在后续的教程中做相应的调整。它需要你选择一个默认的浏览器，默认是指向explorer.exe。你可以指定一个你喜欢的其他浏览器，但很少有理由这样做。当涉及到邮箱设置，选择默认就行。WAMP服务器将会被安装完成，然后会运行在系统的托盘上。
就像这样，左击托盘按钮将会出现一个像上面的菜单。点击localhost可以查看正在运行的Web服务器。
如果一切按照计划进行，那么你将会看到：
现在，我们需要解压之前下载的cocos2d-html归档文件。打开zip文件，然后导航到如下的文件夹：
选择CTRL+A 全选整个目录的内容，然后粘贴到C：\wamp\www.
现在在你的浏览器中，跳转到localhost/index.html，你将会看到：
假如你看到的图也是如此，恭喜，你已经成功建立了HTML5的Cocos2d环境。如果不是，确保在C:\wamp\www下有正确的内容，而不是存放在其子目录下。现在是可选做法，你可以开放访问权限，这样在同一网络的其他计算机也可以访问这个网页。我可不是一个apache专家（我是在IIS下出生并成长起来的），所以无论如何不要把这个当做权威！
当你想要编辑httpd.conf时，可以从托盘图标打开，如下图：
找到并定位到如下入口，要和我做的一样（显然要用你的IP地址）：
设置你的IP和需要监听的端口号，入口通常是监听80端口：
Listen: Allows you to bind Apache to specific IP addresses and/or
ports, instead of the default. See also the
directive.
Change this to Listen on specific IP addresses as shown below to
prevent Apache from glomming onto all bound IP addresses.
Listen 192.168.2.103:80
将服务器名设置成你的服务器名，或者如果你没有配置DNS（例如yourserver.yourname.com）,可以像我一样使用IP地址：
