VR工程素质训练营2019年度第一次迎新培训：配置cocos的开发环境

培训目的

1.配置的开发环境，将Vscode和Cocos相关联;
2.学会用vscode加断点调试游戏。

配置环境

1.打开cocos的官方案例，下载好我们要完成的初始项目。
2.将下载好的项目解压到一个自己知道的文件夹内（注：路径名不要有中文）。
3.打开cocos->打开其他项目->找到刚才解压好的文件，点确定。
3.点击文件->设置->数据编辑->外部脚本编辑器->浏览，找到vscode的快捷方式，点击确定并保存。

这时候我们随便点击一个代码文件，发现他都启动vscode。现在，我们就可以在vscode中编写代码了。不过，现在还不可以进行调试，我们要给vscode配置环境了。

4.在cocos中新建一个javascript文件并双击，系统就会自动启动vscode了。然后我点击最左侧的小方块->在搜索栏中输入"chrome"->选择Debugger for chrome并进行安装。

5.返回cocos,点击开发者，并逐一点击下图中的三项。
，现在我们就可以在vscode中启动调试模式，来运行游戏了

运用调试模式的最大好处就行可以实时监测代码，并及报错，让我们知道自己的代码错在哪里，方便修改。比如，我故意写错一行代码，vscode就会提示代码报错，并指出是哪一行代码报错。

加断点调试

为了更容易的改错，我们可以加断调试游戏。
1.我们鼠标左键点击一下要检测的代码行，加上断点。

启动游戏，代码执行到标记的那行，并暂停执行。

2.监测变量：
方法一：将鼠标放在该变量上面，就会自动弹出该变量的信息：

方法二：在左边的监视选项上点击加号，并输入自己想要监视的变量
End