Cocos2d-js-v3.2 在 mac 上配置环境以及编译到 Andorid 的注意事项

勤奋努力，持之以恒！

开发环境：

Mac OSX 10.9.3

cocos2d-js-v3.2

准备工作：

下载cocos2d-js引擎，版本v3.2，要做的第一件事就是查看引擎下的README.md文件，这会是一个很好的习惯，在README.md里面给我门提示一些注意事项等问题，这样就少走了很多弯路，所以要仔细的过一遍。

在README.md中得到如下信息：

1.Android NDK 版本为 r10c 及以上 下载地址：

http://dl.google.com/android/ndk/android-ndk-r10c-darwin-x86_64.bin (64位)

http://dl.google.com/android/ndk/android-ndk-r10c-darwin-x86.bin (32位)

在终端进行安装，命令如下：

ndk$ chmod a+x android-ndk-r10c-darwin-x86_64.binndk$ ./android-ndk-r10c-darwin-x86_64.bin 

如果选择低于r10c的版本在编译完android时会有如下提示：

BUILD SUCCESSFULTotal time: 16 secondsMove apk to /Users/xiangzi/goldking/runtime/androidbuild succeeded.The NDK version is not r10c or above.Your application may crash or freeze on Android L(5.0) when using BMFont and HttpClient.For More information:    https://github.com/cocos2d/cocos2d-x/issues/9114    https://github.com/cocos2d/cocos2d-x/issues/9138Your application may crash when using c++ 11 regular expression with NDK_TOOLCHAIN_VERSION 4.8

2.Android SDK 版本最小10及以上 下载地址：http://dl.google.com/android/android-sdk_r11-mac_x86.zip

android版本建议使用4.4，因为目前市场主流版本就是4.4，对应API为19，所以在sdk manager上下载android-19。

android 5.0 强烈建议不要用，经本人亲自测试编译完的sdk在版本为4.x.x的真机上运行黑屏。

3.ANT 下载与安装可参考：http://blog.csdn.net/song_hui_xiang/article/details/14315529

4.python(32bit)版本2.7.5或更高 下载址：https://www.python.org/ftp/python/2.7.9/python-2.7.9-macosx10.5.pkg

5.java version 1.7

6.创建一新工程的Example：

<span style="font-family:SimSun;"> $ cd cocos2d-js    $ ./setup.py    $ source FILE_TO_SAVE_SYSTEM_VARIABLE    $ cocos new MyGame -l js -d /directory/to/project    $ cd /directory/to/project/MyGame</span>

还有很多重要信息就不在一一列举，大家可以仔细看看。（如果Android NDK等下载很慢，建议直接拷贝下载地址到迅雷下载）

存放目录：

NDK_ROOT=/Users/xiangzi/Documents/android-ndk-r10cANDROID_SDK_ROOT=/Users/xiangzi/Documents/android-sdk-mac_x86ANT_ROOT=/usr/local/ant/bin

python是安装程序，直接点击安装即可。

以上都准备好后，开始一步步创建新工程。

配置环境变量：

1.首先检查是否有.bash_profile文件，有的话一定要删除，否则按官方要求做完后会一直报 cocos: command not found 的错误。

.bash_profile文件在用户目录下：/Users/xiangzi，而且是隐藏文件。（xiangzi是我个人的用户名）

显示Mac隐藏文件的命令：

defaults write com.apple.finder AppleShowAllFiles -bool true

隐藏Mac隐藏文件的命令：

defaults write com.apple.finder AppleShowAllFiles -bool false

2.打开终端进入cocos2d-js-v3.2 目录下：命令：

$ cd /Users/xiangzi/Documents/cocos2d-js-v3.2 $ ./setup.py

这时会停到：Please enter the path of NDK_ROOT (or press Enter to skip):

按要求输入NDK_ROOT的路径：

Please enter the path of NDK_ROOT (or press Enter to skip):/Users/xiangzi/Documents/android-ndk-r10c 

出现->Added NDK_ROOT=/Users/xiangzi/Documents/android-ndk-r10c 说明成功。

接着停到：

Please enter the path of ANDROID_SDK_ROOT (or press Enter to skip):

和NDK_ROOT一样： 

Please enter the path of ANDROID_SDK_ROOT (or press Enter to skip):/Users/xiangzi/Documents/android-sdk-mac_x86 

ANT按给参考配置后，到此会自动找到 ->ANT_ROOT is found : /usr/local/ant/bin

最后就停到： 

Please execute command: "source /Users/xiangzi/.profile" to make added system variables take effect

不懂的查单词，按要求来，最后输入：

$ source /Users/xiangzi/.profile 

到此环境配置结束。

插播一条：如何查看演示案例。进入目录js-tests下， 命令：

$ cd /Users/xiangzi/Documents/cocos2d-js-v3.2/samples/js-tests $ cocos run -p web

浏览器控制台会立即得到对应的反馈信息。

也可以在 IOS,android,Mac 上运行这些测试工程文件，命令： 

cocos run -p ios|android|mac

创建工程 MyGame

在终端输入命令：

cocos new MyGame -l js  

给工程起名字时不要用到特殊字符，比如 . - 等，在编译android时会报错，提示有无效的字符

在MyGame/frameworks/runtime-src/proj.ios_mac目录下MyGame.xcodeproj
，没错就是xcode文件，就这样iOS与mac版也就有了。真是做到了“一次编码，到处运行”，完全的跨平台。而且在iOS 8中，Safari开始支持WebGL，相较之前性能较低的Canvas绘图模式，帧率的数倍提升将给用户带来更加流畅的游戏体验。WebGL渲染的开启加上浏览器中JavaScript引擎性能的不断提升，未来的移动Web平台给人带来美好的想象空间。Cocos 2d-JS将与iOS 8 WebGL一起为用户提供全新的流畅体验，为开发者带来更为广阔的发挥空间。

web打包：

在终端cd进入工程目录，执行如下命令，进行Web的发布版本打包。

cocos compile -p web -m release

-p : 指定打包平台(Android, iOS, Mac, Web, Win32,Linux)

-m : 可选参数，指定打包模式 debug|release(默认debug)

Android打包：

在终端cd进入工程目录，执行如下命令，进行Android的发布版本打包。

cocos compile -p android -m debug

-p : 指定打包平台(Android, iOS, Mac, Web, Win32,Linux)

-m : 可选参数，指定打包模式 debug|release(默认debug)

如果想重新编译Android只要删除工程目录下proj.android\obj\local\armeabi文件夹下的所有文件即可。

分享两篇好文章：

Web开发者和设计师必须要知道的 iOS 8 十个变化

Cocos 2d-JS将默认开启iOS 8 WebGL完美支持

                                                                                完，备忘！下班回家了。