1.安装
cocos creator下载路径
http://www.cocos.com/download
VS code下载路径
https://code.visualstudio.com/Download
2.如何调试
以下是从网上搜集的方法
(1)使用模拟器+VS Code调试(已测试不可行)
在cocos creator中预览游戏按钮(三角形按钮)左侧的下落列表中选择模拟器。
在菜单“开发者”下选VS Code工作流，再选“安装VS Code扩展插件”
在菜单“Cocos Creator”下点击“偏好设置”，在“预览运行”中设置模拟器横竖屏(我选的是竖屏)，
设置模拟器分辨率(我选的是iPhone6:1334*750)。
在VS code中点击左侧第4个按钮(一个虫子上面有道斜杠)，再点击齿轮按钮，默认打开是langch.json。
将其中的内容修改为如下：
"version": "0.2.0",
"configurations": [
{
"name": "Cocos-Debug",
"type": "cocos",
"request": "attach",
"port": 5086,
"address": "::1",
"program": "${workspaceRoot}"
}
]
调试代码时，首先你一定要保证模拟器或是真机其程序已经运行了。
然后找到模拟器中的项目资源路径，这个路径会在 Cocos Creator 安装路径中，根据操作系统的不同，路径有一些区别：
Windows：CocosCreator/resources/cocos2d-x/simulator/win32
你所有的代码都被整合到这个文件夹下的src/project.dev.js文件中，你在这个文件里下断点调试。
Mac平台由于 VS Code 无法通过浏览选择应用程序包（.app）之内的路径，可能需要先打开 VS Code，关闭所有已开
启的文件夹，然后将 Finder 里的以下路径拖拽到 VS Code 中。
Mac：CocosCreator.app/Contents/Resources/cocos2d-x/simulator/mac/Simulator.app/Contents/Resources
然后就可以在打开的工程中的 src/project.dev.js 文件中设置断点并进行调试了。先设置好断点，然后确保模拟器已经
在运行的情况下，VS Code 中切换到 Debug 页面，在下拉菜单选中 Cocos-Debug，然后点击绿色三角按钮开启调试进程。
(2)使用游览器+VS Code调试(已测试不可行)
在菜单“Cocos Creator”下点击“偏好设置”，设置“预览使用游览器”，只能用chrome。先安装chrome，再点击“游览”按钮，
直接指向chrome的安装文件夹。
在cocos creator中预览游戏按钮(三角形按钮)左侧的下落列表中选择游览器。
在VS code中点击左侧最后一个按钮，在显示的面板中点击安装Debugger for Chrome，再点击“重载激活”。
在VS code中点击左侧第4个按钮(一个虫子上面有道斜杠)，再点击齿轮按钮，默认打开是langch.json。
将其中的内容修改为如下：
{
"version": "0.2.0",
"configurations": [
{
"name": "Chrome",
"type": "chrome",
"request": "launch",
"url": "http://localhost:7456",
"webRoot": "${workspaceRoot}",
"sourceMapPathOverrides": {
"assets/*": "${workspaceRoot}/assets/*"
},
"sourceMaps": true,
"userDataDir": "${workspaceRoot}/.vscode/chrome",
"diagnosticLogging": false,
"outFiles": [
"${workspaceRoot}/dist/**/*.js"
]
}
]
}
用VS code打开你要调试的项目内的js文件，在里面设置断点，然后按F5，Chrome浏览器就会弹出打开了你的项目。
(3)用Chrome调试(已测试可行)
在Cocos Creator中选择使用浏览器运行游戏项目，请将默认浏览器设置为Chrome。
在Chrome中按F12打开开发者工具。
在对应JS文件内的需要调试的地方打上断点（点击行号，显示蓝色即可），之后就会发现游戏会在断点处自动停下。
3.显示日志
当前面的调试都不能使用时，你还可以选择通过打印日志的方式，逐步判断错误所在。
console.log是在浏览器模式下才能看的，启动浏览器后，按F12开启开发者模式，找到里面的控制台。
cc.log就是在模拟器模式下在Cocos Creator里面的console显示的，Editor.log也是一样。
4.Cocos Creator教程
http://docs.cocos.com/creator/manual/zh/getting-started/introduction.html
请耐心看完“新手上路”中的所有章节。
建议按照如下顺序：
关于Cocos Creator
安装和启动
使用Dashboard
代码编辑环境配置
编辑器基础
Cocos2d-x 用户上手指南
Hello World!
快速上手：制作第一个游戏
最后面2个实例是你了解cocos creator的最好教程。
其中第2个实例希望你全部手打出来所有代码，然后再下载其完整代码，相互参照。
在手打的过程中，你不可避免会遇到一些问题，大部分都应该是拼写错误，在对照完成代码中，你会有收获的。
然后，推荐你看如下：
资源工作流程
场景制作工作流程
5.cocos creator API
中文API链接(在官方教程主页上方点击“Cocos Creator”，在下拉菜单中点击“API参考”)
http://docs.cocos.com/creator/api/zh/
英文API链接(注意是1.5版本的)
http://www.cocos2d-x.org/docs/api-ref/creator/v1.5/
注意：看不惯中文版API糟糕透顶的排版的同学，可以看英文API。