Cocos2dx 3.6.1运行html5的测试例子

Cocos2dx 3.6.1运行html5的测试例子：

 用webStorm运行samples里的js-tests都会报如下错误，可是同样的环境，新建的项目就没有问题。

GET http://localhost:63342/frameworks/cocos2d-html5/CCBoot.js 404(Not Found)
Uncaught ReferenceError: cc is not defined
  (anonymous function) main.js:28

 

原因：

按照

http://cocos2d-x.org/docs/tutorial/framework/html5/parkour-game-with-javascript-v3.0/chapter1/zh

配置WebStorm调试Web项目

首先，你需要运行WebStorm 7。如果这是你第一次运行它，它将提示你选择个人偏好设置，例如选择快捷键。

这是我运行WebStorm的屏幕截图：

图 1

注意： 
如果这是你第一次运行WebStorm，那么近期项目部分应该是空的。

现在，我们在WebStorm中使用Cocos2d-JS游戏项目。

1.    选择已创建的MyJSGame项目

正如上图所示，你应该选择**Create New Project from Exisiting Files**

然后将会提示你下面这些选项

图 2

2.    选择 Source files are in a local directory, no Web server is yetconfigured 然后点击 Next 继续下一步.

图 3

3.    在这一步中，你需要展开目录树去指定MyJSGame源码的存放路径。在你指定了正确路径之后，注意到**Finish**按钮任然是灰色。

4.    现在我们需要把目录设为 Project Root。点击 Project Root 按钮，随之 Finish 按钮将会被激活。----这里的目录我开始使用的是js-tests目录，结果出现上面的错误，后面通过请教别人，包目录改为cocos2d-js-v3.6.1作为根目录，就OK了。

图 4

5.    祝贺你！到此你已经成功在WebStorm上配置好Cocos2d-JS项目。