1.准备工具

1.1 python <-（戳我大传送们）这个必定要用2.X的版本，3.X的不支持，当初困扰太久了，这个问题！！！

1.2 cocos2s-js  <-（戳我大传送们）说了是安装cocos2d-js。就得挑js的版本来下！！！下载之后解压，啥都不用做

1.3 安卓三大件

Apache Ant <-（戳我大传送们）

Android NDK <-（戳我大传送们）

Android SDK <-（戳我大传送们）

以上三个可能需要翻墙才能下载！不过我也是很不懂，如果我要做纯HTML5的游戏的话，我要安卓三大件来干嘛么。配置起来挺麻烦的。

2 .配置环境

OK，以上准备完毕之后，我们就可以在window慢慢配置一下cocos2d的开发环境了。

2.1 先cmd呼出命令行。python --version 一下查看你的python版本有没有对上号，真的不要用3.X的版本。

图2.1：确认python版本

2.2 再在命令行cd 到cocos2d-js的目录下面。输入setup.py（其实也可以在文件夹中把setup.py拉到命令行去）后回车

图2.2：执行setup.py

2.3 之后就是配置安卓三大件的时刻了：命令行会出现下面一段文字（斜体加粗是要填上去的，每填写一个回车后才出现下一个！）

Setting up cocos2d-x...

->Check environment variable COCOS_CONSOLE_ROOT

->Find environment variable COCOS_CONSOLE_ROOT...

->COCOS_CONSOLE_ROOT is found : C:\wamp\www\cocos2d\tools\cocos2d-console\bin

->Configuration for Android platform only, you can also skip and manually edit y

our environment variables

->Check environment variable NDK_ROOT

->Find environment variable NDK_ROOT...

->NDK_ROOT is found : D:\android\ndk

->Check environment variable ANDROID_SDK_ROOT

->Find environment variable ANDROID_SDK_ROOT...

->ANDROID_SDK_ROOT is found : D:\android\sdk

->Check environment variable ANT_ROOT

->Find environment variable ANT_ROOT...

->ANT_ROOT is found : D:\android\ant\bin

全部写好后回车，重启电脑后再打开命令行：

输入cocos --verison 看看，是否有版本打印出来，如果打印出来就成功了。

图2.3 配置成功

3. cocos2d-js目录说明

刚把cocos2d-js 下载下来看着这些东西真心不知道从哪里开始看！下面我们先强迫症的梳理一下所有文件。

3.1 引擎所在：-frameworks——>里面包含两个文件夹cocos2d-html5 和js-bindings。前者是html5引擎，后者是-x的引擎，外部接口是js写，但基础模块却是cpp来实现。

3.2 例子文件夹：\samples （cocos2d-js的api文档的确写的很乱，建议新手还是看例子为主，配合api文档看学。）

3.3 模板文件夹：\templates 调用cocos new -l js去新建一个项目的时候，这templates起作用的。

3.4 其他：（复制其他人写的过来，这些刚开始可以不用过份理解，看一遍知道有什么作用就可以了）

README 包含一些对 Cocos2d-JS 的介绍。

LICENSE 正如我们之前提到的，Cocos2d-JS 的许可证是 MIT,你可以查阅在引擎根目录下的 the license 文件夹来获得更多关于 Cocos2d-html5 and Cocos2d-x 的许可证细节。

tools 目录包括 cocos 控制台工具和 绑定生成工具（bingings-generator）。template 文件夹下包含一个 build.xml 文件，里面存放着闭包编译器的控制信息，通过 ANT 这个命令,你可以将你的游戏打包成为一个单个文件。

build 目录包含着内置的工程样本文件。

docs 目录包含 JavaScript 编码风格指导和 release 的信息。

CHANGELOG 包含所有版本的修改信息。

setup.py 是一个环境搭建的 python 脚本。

4. cocos2d-js查看例子

上一遍说到samples里面包含了很多值得一看的例子。现在我们来说说怎么去看这些例子。

由于cocos2d-js的项目需要在服务器环境下才能看。所以，推荐安装 wampserver 至于它怎么使用呢，还是自己上网查查看。通过wamp搭建出来的环境,把cocos2d放进这个服务器中，我们直接在浏览器下输入:http://localhost/cocos2d/samples/js-tests/就可以查看需要学习的例子了。

如果你不想麻烦去安装wampserver的话，可以在命令行下直接cd 到cocos2d的samples/js-tests/目录下，使用cocos run -p web同样也可以在浏览器看到例子。

图4：查看cocos2d-js的例子

以上只是在以前学习cocos2d-js记录下的笔记整理，如有不正确麻烦指出。

下一篇预告：cocos2d-js的一些常用命令，cocos Code IDE 和cocos2d-js项目简介。

---写于2015年7月26日 14:28:38