创建项目
首先我们先打开cocos创建一个项目
随便添加一个Cube和脚本，然后保存场景：
添加Chrome Debug配置
在Cocos 中选择添加Chrome Debug配置
然后再VS Code中就可以看到有一个cocos launch Chrome：
然后，就可以按快捷键F5开始运行调试脚本了。
当然如果是比较老版本的VS Code还需要安装Debugger for Chrome插件【ctrl + shift + x】：
新版本的VS Code就不需要这个玩意儿了。
配置编译任务
现在可以debug了，但是有个问题，VS Code中修改了代码Cocos不知道，所以还得配置编译。
在cocos中点击添加编译任务,Cocos就会帮我们在VS Code中添加一个编译任务，可以在Terminal -> run task中查看：
点击就可以进行编译了。
编译再F5运行，修改后的代码也被执行了：
添加快捷键
我们还可以为编译配置快捷键：
Ctrl + Shift + P打开VS Code命令面板，输入Open Key选择如下选项：
打开keybindings.json，添加：
{
"key": "ctrl+f8",
"command": "workbench.action.tasks.runTask",
"args": "CocosCreator compile"
}
这样我们ctrl+f8就能自动编译了，然后F5就可以愉快的运行了。