Cocos Creator使用VS Code调试代码配置

创建项目

首先我们先打开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"
}
1
2
3
4
5

这样我们ctrl+f8就能自动编译了，然后F5就可以愉快的运行了。