1.部署环境(环境部署不是本文的重点,网上有很多环境配置的教学,这里需要注意的是,第一次打开cocos ide code 创建项目发现没有cocos的选项,那么我告诉你是这样的,你没在cocos的官网上下载IDE插件安装或者是IDE插件没有安装成功[这是我当时遇到的一个坑,特别写出来防止大家发生类似的小的失误来浪费时间和精力])
2.创建项目(很简单的创建 详情可以看cocos官网的相关文档)
3. 项目运行
就拿一个空白项目来作比,是一个helloworld的项目,这里你都不需要管他,我们要注意的是在ide中直接运行此的项目(ALT+SHIFT+F10),完全是没有问题的,但是求知欲强的我们又岂能满足这样,那么问题来了,怎么在ide把项目运行在浏览器上呢,这是细心的朋友会发现,项目文件中存在一个index.html的文件,这不正是我们浏览器要运行的文件吗,好的,进入index.html文件,在文本区域的上方点击一下,发现右侧出现了几个浏览器的图标,好的你已经找到了,点击你电脑上支持的浏览器即可。
4.项目发布
项目发布的教程也是一搜一堆,我这里不针对网上有很多的教程再一次写出来,我写的是网上搜不到的东西,大家频繁遇到的问题,
我这里用了cocos compile -p web -m release 发布成web版本
发布成功后,这里再看我们的文件夹目录,多了publish的文件夹,点击进去html5文件夹下还有我们的index.html文件,点击它(个人尝试了好多浏览器,只有火狐能打开),只是为什么呢,简直太坑了,在ide中完美运行啊(我被此问题纠结了好久,网上也没找到合适的答案,最后通过我的细心观察,发现了蛛丝马迹,我们在ide中打开的游戏运行在浏览器上的网址是http://localhost:63342/YangTuo/index.html 这个样子的,我们直接点击index.html中打开网页的是file:///E:/cocos2d-jsProject/YangTuo/index.html这个样子的,发现什么没有,一个是部署端口是63342服务器上的,另一个是本地的,经过我的耐心研究,问题就在这里,出现在boot.js文件中,open()方法的一个请求,因为我们没有部署,所以我们无法请求连接,那么好了,知道原因,我们就开始部署,我在本地实现的,使用的Tomcat7.0,搭建环境神马的自己百度吗,再次期间要细心些,tomcat成功启动后,把文件夹移到tomcat的wtpwebapps目录下我直接移动的是html5文件夹的内容,在各大浏览器输入http://localhost:8082/html5/index.html)完美运行(需要注意 我把tomcat的端口改了8082,你们的应该是默认8080的)
5.总结
在本文的最后呢,做一下总结,也就是这篇博文的目的,就是让我碰到的问题,大家也可能遇见的问题有一个参考,本文关键点就是在于最后没有部署到服务器造成本地无法打开的尴尬局面,我的文笔很差,技术也是菜鸟,但是希望可以帮助到你,如有问题可以留言我。