1.2 开始前的准备

相比于一些理论性的学习，想要学习某个框架的使用实际上是更偏向于应用层面的，也就是怎样用。因此在学习Cocos2d-x时，实践是非常重要的。本节将开始学习如何在Windows下搭建Cocos2d-x的开发环境。

1.2.1 Visual Studio 2013的安装

使用Cocos2d-x进行开发，可以使用基于Eclipse的IDE，也可以使用Visual Studio，自从3.x版本之后，Cocos2d-x就不再对Visual Studio 2010提供支持，因此这里选择安装Visual Studio 2013。

（1）在百度搜索MSDN即可找到一个名叫“我告诉你”的网站（网址为http://www.itellyou.cn/）。可以在这里下载需要的Visual Studio或者是Windows等其他由微软提供的软件。下载位置如图1-5所示。

提示：MSDN（全称：Microsoft Developer Network）是微软官方提供给付费订阅户的Microsoft资源下载平台，非付费用户是无法在这里下载软件的。而上文中给出的网站实际上是国内网游公司为了帮助国内用户摆脱需要付费的窘境而制作的一个镜像站。虽然看起来很像是山寨了微软，会给知道真相的网友造成一种被欺骗了的愤怒感，但是可以保证的是该网站上下载的软件均是安全可用的。

（2）下载之后，将其解压后就可以直接安装，也可以将其刻录成光盘或者使用虚拟光驱等进行安装。开始安装后出现如图1-6所示的界面。选择默认安装路径，然后选中“我同意许可条款和隐私策略”复选框，单击“下一步”按钮继续安装。

（3）之后看到如图1-7所示的界面，可以在其中选中要安装的项目，本次安装只要选择默认选项就可以了，然后单击“安装”按钮继续安装。之后就会在如图1-8所示的界面中等待若干时间，界面上将会显示当前的安装过程，直到出现如图1-9所示的界面就表示安装完成了，可以单击“启动”按钮开始运行Visual Studio 2013。

在第一次使用Visual Studio 2013时，会有对话框提示选择界面风格，包括了蓝色、浅色、深色3种颜色风格可选。如果事后不满意还可以在“工具”|“选项”中重新选择，如图1-10所示。

提示：按照笔者个人感觉，深色主体在视觉效果上显然是要酷炫一些，但是如果光线比较暗的时候可能会令人比较疲劳，而浅色主题就能相对地缓解这一现象。蓝色主题可以在加班时与浅色主题以一定的时间间隔轮换使用，能够起到“欺骗自己”减轻疲劳感的作用。

1.2.2 Cocos集成开发环境的安装

原本的Cocos2d-x中，开发环境的配置是比较麻烦的，其中2.x版本和1.x版本由于直接集成在Visual Studio 2010中，因此需要进行许多配置。而早期的3.x版本干脆要求用命令行来生成项目就更加不方便了。随着Cocos引擎的发布，这一切不再麻烦了。可以非常傻瓜化地获取需要的软件，然后按照指引，只需要简单地配置就能够实现Cocos2d-x开发环境的搭建。

（1）首先要到Cocos2d引擎中文官网去下载需要的Cocos引擎安装包，如图1-11所示。图中所示页面的地址为：http://cn.Cocos2d-x.org/download/。

（2）选择下载v2.2.5 For Win版本进行安装，双击后看到如图1-12所示的界面。单击“下一步”按钮就会进入到如图1-13所示的界面，保持默认路径不变，再次单击“下一步”按钮，之后会停在图1-14所示的界面，其中进度条会显示安装进度。

（3）默默的等待进度条中的绿色占满整个进度条，然后就会显示如图1-15所示的界面。此时标志着安装完成。这时就已经可以试着单击“完成”按钮运行一下看看了。运行之后就会看到如图1-16所示的界面。其中左侧有“项目”、“示例”、“教程”、“商店”、“下载”、“反馈”共6个选项卡。默认停留在“项目”选项卡上，通过它可以创建新的项目或者是资源等。

❑“示例”中包含了一些使用Cocos引擎设计和实现控件或者界面的实例。

❑“教程”则更侧重于对实例进行过程的讲解。

❑“商店”中目前只提供了Cocos2d-x开发中需要的其他软件（如JDK等），当然将来也有可能会有一些收费的控件等。

❑“下载”则可以让用户快速地找到通过“商店”所下载的软件。

❑“反馈”功能则可以提交一些使用中的bug或者意见等。

提示：实际上Cocos引擎包含了一整套编辑器，因此除了生成完整的项目，还可以用来创建某些控件所用到的资源，比如按钮、选项卡等。

（4）这时可以试着创建一个新的项目了，但是正常情况下应该会出现如图1-17所示的结果。那么这个框架就可以在“商店”选项卡中进行下载。在“商店”选项卡中找到图1-18中所标出的项目，单击“立即下载”按钮就可以在图1-19所示的对话框中看到下载进度。

（5）下载完成之后就可以直接单击“安装”按钮进行安装，如图1-20所示。

（6）之后就可以保持默认安装目录，一直单击“下一步”按钮直到安装完成。这时就可以在“项目”选项卡中创建一个新的项目，如图1-21所示。

（7）选择创建一个空白完整项目，单击“下一步”按钮，在新出现的对话框中填写项目信息，如图1-22所示。单击“完成”按钮后，系统将会自动打开Cocos Studio并将新创建的项目载入。现在暂时还不需要管它，直接关闭就可以了。然后找到新建项目的目录下，有一个文件夹名叫proj.win32。打开它，选中其中一个文件CocosProject.sln，双击会直接在Visual Studio中打开，如图1-23所示。

（8）在Visual Studio中单击“本地Windows调试器”链接，如图1-24所示，就会启动如图1-25所示的程序界面。可见虽然是空白项目，但是里面还是带着一点内容的。不过这些暂时不需要在意。左下角的数字和字母是用来显示当前帧数的，这些都会在后面的章节讲解。

到此为止，最起码已经可以开始动手开发Cocos2d-x游戏了，就算无法移植到移动端，只是在PC上运行一下无疑也是一件非常酷炫的事情（至少在外人眼里一定是这样的）。