如何调试Cocos2d-JS和Cocos2d-Lua工程

有感于Cocos文档的缺失，导致调研接近两周，走了N多弯路才清楚如何调试Cocos2d-JS和Cocos2d-Lua，跟大家分享下。 
以下文档基于MAC JS工程，Windows下和Lua工程类似。

---

环境搭建

• 安卓SDK 
  下载SDK，ANT，NDK，设置环境变量
• Cocos 
  Cocos官网安装后下载最新Cocos和JS引擎源码。
• 工具 
  IntelliJ IDEA 
  官网：地址 
  注意：最新版不行！14.1.6版测试通过。
• 插件 
  下载插件 
   
  然后选择Install plugin from disk，之后重启。 
  在Preference -> OtherSettings中配置Cocos和Cocos Framework，示例如下图： 
  
  

工程创建

Create New Project -> Cocos -> Cocos JS或者Cocos Lua，之后根据提示Next即可。 

在工程打开后，点击工程区域，右键选择CocosTools -> Add Native Codes Support，添加源码和安卓iOS工程文件。 

调试

模拟器调试

在工程区域右键，选择Debug工程，或者窗口右上角，点击虫子，即可在模拟器调试。 
假如提示没有模拟器，选择CocosTools -> Build Custom Simulators创建一个。 

iOS真机调试

打开XCode，打包到手机。切到IDEA，选择Edit Configuration： 
 
输入真机IP，可以点击Test尝试是否可以连接上。 

在真机处于以下页面时候，点击IDEA的虫子就可以调试了。 
 
假如修改了JS，不需要重新打包，杀掉进程重新debug即可立即生效。

安卓真机调试

首先，以上iOS真机调试方式类似的方法适用于安卓。 
另外，安卓还可以通过USB方式调试。 
在工程区域右键，选择CocosTools -> Build Custom Simulators -> Next -> Build Android Simulator。完成后修改调试配置如下就可以调试了。