Cocos Code IDE + Quick-Cocos2d-x 快速开发游戏

首先特别感谢:Code IDE 开发人员余同学的帮助,要不然,我就写不出这篇文章了,--! 因为半途我可能已经挂了~~ ^^ ~

前言:用 lua 来开发游戏,代码提示,一直是个很头疼的问题,再加上 Quick-Cocos2d-x 引擎的一大堆api,如果没有好的提示,那会疯掉的。所以,我找了并用了很多编辑器,如:sublime, IntelliJ IDEA, vim, LDT, xcode代码编辑器,但都感觉不大好,正当我准备先用 sublime 凑合着用的时候,Cocos2dx 官方出了款 Cocos Code IDE,支持lua, js,下载来用了一下,确实不错,正是我一直想找的编辑器,能提示 lua 及 Cocos2dx 3.2 里面的所有 lua api 接口,非常爽。但是不支持 Quick-Cocos2d-x,下面我就来讲解一下,如何让 Cocos Code IDE 支持 Quick-Cocos2d-x,并让其所有 api 都能有提示,到时候开发游戏,效率高了,心情也好了!!好了,下面开始进入正题吧!

1.本文基于 Cocos Code IDE rc0 + Quick-Cocos2d-x 3.0 alpha3 + mac 系统
2.着重讲解
1). 如何让 quick 的项目能在 ide 里面进行编写代码
2). 如何让 quick 的代码能在 ide 里面有提示
3.后续内容 Cocos Code IDE 用 ide 替代,Quick-Cocos2d-x 3.0 用 quick 替代

最终的完整流程应该如下:

基础篇:1.http://cn.cocos2d-x.org/bbs/ -> 2.http://www.cocoachina.com/bbs/read.php?tid=215053 -> 3.下载代码提示包并解压 quick3.0_2dx3.2_api.zip (416 KB) -> 4.下载ide项目隐藏文件包 Cocos Code IDE 项目隐藏文件.zip (3 KB)
开发篇:1.新建quick项目 -> 2.导入到ide中 -> 3.在ide中加入代码提示功能 -> 4.在ide中编写代码 -> 5.使用quick自带的player查看最终效果

首先,把基础篇所说到的东西都下过来,该安装的安装,该解压的解压,我就不多说了,除了第4个文件先不解压(后面会讲到解压到哪里),这是基础工作,最好都放到一起,好找一点。
其次,基础篇好了以后,这时候我们就要开始正式操作了。

1.新建quick项目:


找到并打开你之前下载的quick文件夹,并找到上图所示文件(如没有此文件,请自行到同级目录 proj.mac 下自己编译一个出来)

然后,如上图所示,新建项目,填好相关信息后,点击右下角,创建项目即可,这样我就建了一个 gametest2 的 quick项目。如果创建成功,则右下角按钮会变成 “Open With Player” ,点击后,如果看来出来 “Hello, Word” 的界面,那恭喜你~~ 这步ok了~

2.导入到ide中
由于quick新建的项目是不符合ide项目规范的,所以,想要导到ide中,必需符合其规范,只需把我在基础篇里的第4个文件包(其内容为隐藏文件,至于如何看隐藏文件,我就不用说了吧~),解压到 gametest2 中,结果如下

这个时候,此项目就已经标准的ide项目了(其实,这些文件的来源,我是自己从ide旧项目里面copy出来的),然后打开隐藏文件 “.project”

改成你自己的项目名称即可(此项目名称即为ide中最终显示的项目名称)

然后,启动ide,把 gametest2 导入到项目中,导入成功后,如上图,此时我们就可以在ide中进行写代码了。但这时是没有 quick 相关的代码提示的,只有 2dx-lua 相关的代码提示,例如输入:display. 你是看不到代码提示的,这时我们就需要进入到第三步了

3.在ide中加入代码提示功能
想要代码有提示,就需要有对应的 quick 的api和 2dx-lua的 api,我已经整理好了(--! 整死我了,太累人了),文件就在 基础篇 > 第三步中,相信你们应该都下载并解压好了。接下来,我们要开始让ide有提示了,激动人心的时刻到了~~ _!,右键 gametest2 项目,属性,出现下图


找到你下载解压后的两个文件夹,如上图,依次引用进去(注意:必需先引用 2dx-3.2-api 文件夹,第二次再引用 quick-3.0alpha3-api 文件夹),否则有些提示将出不来,如果原先已经存在相同名称的引用,可以先删除掉,-
-! 因为那可能是我自己项目原先引用的路径。好了,都引用好后,点确定,此时代码提示功能就已经ok了,这时我们来看看效果吧~~ ( #_#! 妈的,一晃眼凌晨3点了,哥快扛不住了,赶紧写写完)

o_O! 我的小伙伴们,你们都看到了没,出现了!!一切终于都太平了~~ 接下来的时间留给你了~

4.在ide中编写代码
此处省去一万个字。。。(你懂的~~ 一切尽在不言中!)

5.使用quick自带的player查看最终效果
写好代码后,最后用你的 quick 自带的player来看一下效果吧,“什么!你代码还没写好!!”,“哎,没办法,只能把哥在练习的一个demo给贴出来了!”。

:slight_smile: 有没有感觉好像在哪里看到过~ 没错!!这个游戏我也是看教程的,哈哈~~ 这教程不错的,资源和代码都有,虽说还没完成,不过,大家可以发挥想像力,配合我们 ide + quick 智能提示,绝对给力!!
教程地址:http://cn.cocos2d-x.org/tutorial/lists?id=69

更新记录:

预计:2014.08.04 下午将更新“代码提示API包”,加入 Layer, Sprite, Node 的一些扩展属性提示。

如果下周 Cocos Code IDE 能有新版本的话,你将会发现,用 quick 开发,提示将会比以前更好,到时配合我的代码提示,将会非常爽!大家赶紧投入 Code IDE 的怀抱吧!!

Cocos code IDE 能debug Quick-x项目吗?

Cocos code IDE 本身是支持 debug 的,但是是基于他本身内嵌的 cocos2dx-lua 3.2 版本,而 Quick-x 是我自己加到他里面去的,player暂时也只能用 Quick-x 自带的 player,所以暂时应该不能 debug Quick-x项目,有时间的话,再看一下怎么样把 Quick-x 的player 合并到 Cocos code IDE 里面的player 里面去,-_-! 不过,这个有点难的,顺便也呼吁一下广大高手,能攻克此块,因为我感觉 Cocos code IDE 自带的 player 更好用一些(性能更好,且能实时编程,一保存就能看到最新的效果,不用重新编译)

:801::801::801::801::801:

希望quick尽快跟上ide的步伐。

是的,就是不知道 quick 3.0 beta 或 正式版啥时候才能出来,等的花都要谢了~~

:2::2::2::2:

怎么没有办法下载api?

可以下的呀,我刚试了一下,都好的~

不知道,sw_youth@126.com,求来一份api

浏览器的事,谢了

嗯嗯,顶一个:2::2:

我按您的步骤,导入工程到ide总是报错,但又不知道是哪里的问题?

楼主会贴出源代码么?

你确定完全按照我的做了??那你看一下库里面,把没用的删掉看看~

我发出来的就是源代码呀~ 没有什么东西藏着呢~

lz不会乱码吗?有一半的截图没出来。估计lz也是乱码。

这个是api里面的中文注释,编码引用进来有点问题,不过,这个我暂时没弄,主要是之前主要目录是把代码提示都弄出来,有先~ 下次空了再看看~~ ^_^!

提供个 API,解决了乱码的版本,是2.2.5版本的哦。