cocos creator 安装及调试环境配置

1. 下载cocos creator软件并安装

         https://www.cocos.com/creator

 

2. 打开cocos creator 并创建新项目

cocos creator 安装及调试环境配置

 

3. 点击运行,项目再默认浏览器中打开。

cocos creator 安装及调试环境配置

 

4. 文件 (菜单)--- 设置(子菜单)  中设置编辑器为VSCode,单击项目中代码文件 将打开VSCode进行编辑代码。

 

5. 配置用VSCode 断点调试cocos creator JS(TS)代码: 

     设置开发者 (菜单)--- VSCode工作流(子菜单)  ----从上到下选择一遍

    1. 更新VSCode智能提示数据。

    2. 安装VSCode扩展插件。

    3.  添加TypeScript项目配置。

    4. 添加 Chome debug 配置。

    5. 添加编译任务。

  这是VSCode 中安装了cocos Debug 和cocos-creator 两个插件,再手动安装debugger for Chrome 插件。

  安装完如下:

   cocos creator 安装及调试环境配置

 

6. 在JS(TS)代码中下断点,直接按F5运行,VSCode将默认启动Chome进行调试,并在断点处停下。

cocos creator 安装及调试环境配置

7. 配置完毕。