Cocos2d-js windows 下环境搭建与调试（一）

年纪大了，记性不好，还是写下来比较安心。

原来公司项目用的是 Cocos2d-x-lua，那时候廖大还没被招安，为什么用 lua 不用 js，据团队老大说是 lua 性能更高，坑更少吧，他搞了几个月，总算是能hold住这套框架了，反正嘛，c++层我不用管，lua binding 也不用管，甚至，打包都不用管，工具都是全的，我只用专心写游戏逻辑，就这样，浑浑噩噩过了两年，两个用 Cocos2d-x-lua 的项目都流产了，感觉就是，坑总是解决不完的，性能也就那样了，中间的苦就不多说了。

新年新气象，换了个公司，项目依然是用的 Cocos2d，不过呢，是 JS 版，因为现在的游戏项目是 HTML5 版，Cocos2d-js 天然支持 HTML5 版的导出，也一样支持打包为APP，而且据说这两年 JS 版的发展要好于 LUA，坑少了，性能也不错，何况做为写了N年网站开发的全栈，JS版的上手也是完全没有难度的。

======================================================================= 华丽分割

上篇：开发环境的搭建

确实很头疼，特别是重装电脑时，但这又是跳不过的坎... ... 转入正题：

下载以下文件（建议按顺序）

1.下载 Python2.7 https://www.python.org/downloads/

2.下载 JAVA/Android SDK/ANT/NDK/Eclipse，教程很多，我就不写了

3.下载最新版的 Cocos2d-js，http://cocos2d-x.org/filecenter/jsbuilder/，记得下载 Full Version，Uncompressed

4.下载 WebStorm（我下载的是 11.0.3），License server address: http://15.idea.lanyus.com/，拿走不谢！

5.下载 Chrome，并安装 JetBrains IDE Support 插件

搭建环境有一定顺序，啥顺序呢？就是... ... cocos2d-js 项目目录下有个 setup.py，需要 python2.7 安装，但是，安装过程中，又需要你先安装 Android 环境，搞一堆环境变量，不然 cocos 跑不起来，跑不起来是什么意思呢？就是没法打安卓包（IOS版不讨论，MAC环境我不熟，汗）

我下载的都是压缩包，这样比较干净，环境变量就得自己写了，以下是我电脑里的，给大家参考：

ANDROID_SDK_ROOT = D:\android\sdk

ANT_ROOT = D:\android\ant\bin

COCOS_CONSOLE_ROOT = D:\cocos2d-js-v3.3\tools\cocos2d-console\bin

JAVA_HOME = D:\Java\jdk1.8.0_65

NDK_ROOT = D:\android\ndk

Path = C:\ProgramData\Oracle\Java\javapath;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;D:\python\2.7\;D:\python\2.7\Scripts;%SystemRoot%\system32;%SystemRoot%;%SystemRoot%\System32\Wbem;%SYSTEMROOT%\System32\WindowsPowerShell\v1.0\;C:\Program Files (x86)\Lua\5.1;C:\Program Files (x86)\Lua\5.1\clibs;C:\Program Files\nodejs\;C:\Program Files (x86)\GtkSharp\2.12\bin;%ANDROID_SDK_ROOT%;%NDK_ROOT%;%ANT_ROOT%;C:\Program Files (x86)\Windows Kits\8.1\Windows Performance Toolkit\;C:\Program Files\Microsoft SQL Server\110\Tools\Binn\;C:\Program Files\TortoiseGit\bin

如何确定环境建好了呢？ 以下内容取自 Cocos 官网http://www.cocos.com/docs/article

创建一个新项目

• 创建一个Cocos2d-JS项目:

  cocos new projectName -l js

• 创建一个仅支持web平台的项目:

  cocos new projectName -l js --no-native

• 创建项目到指定目录:

  cocos new projectName -l js -d ./Projects

运行项目

• 使用浏览器运行web版项目:

  cd directory/to/projectcocos run -p web

• 使用Closure Compiler高级模式压缩脚本并发布web版本 :

  cd directory/to/projectcocos compile -p web -m release --advanced

• 编译并将项目运行在native平台上:

  cd directory/to/projectcocos compile -p ios|mac|android|win32cocos run -p ios|mac|win32|android

• 选项

  -p platform : 平台：ios|mac|android|win32|web.-s source   : 项目目录，如果没有指明会使用当前路径。-q          : 静默模式，不打印log信息。-m mode     : 选择debug或release模式，默认为debug模式--source-map: 生成source-map文件。（仅限Web平台）--advanced  : 使用Closure Compiler高级模式压缩脚本。（仅限Web平台）

帮助命令

如果你对使用有任何疑问，可以在命令后使用-h来获取对应命令的帮助。下面是所有的命令：

• 创建：new
• 编译：compile
• 运行：run

记住是在 dos 下运行喔！

上篇结束，下篇将介绍怎么用 WebStorm + Chrome + JetBrains IDE Support 调试 Cocos2d-js