cocos creator 环境搭建——Hello World

cocos creator 官网地址:https://www.cocos.com/creator

到官网下载cocos creator。(该项目使用2.4.5版本进行开发,各位可按需选择)。 

此处下载的cocos dashboard实际上是一个cocos creator的版本管理工具。

下载完成后,点击运行,选择语言,默认中文简体。


选择安装路径,并勾选同意许可。点击安装。

安装过程中,会弹出提示安装Visual Studio 2017,若后续需要编译android和ios的版本,则必须安装。此处可勾选上,为了以后的编译版本做准备。

点击继续后,等待安装完成。安装过程需要一点时间,耐心等待安装完成即可。

运行cocos dashboard, 需要登陆。没有账号可以先点击Sign up跳到网页完成注册,根据网页提示输入用户名,设置密码,输入邮箱号等进行注册。此处略。输入注册号的用户名和密码,点击Sign in登陆。

登陆成功后,下面是你看到的第一个界面。先不着急点击创建项目,因为我们还没下载任何cocos creator的版本。

点击左侧菜单栏中的Editor,若之前下载了cocos creator的其他版本,此处会以列表的方式展示已下载的版本。点击Download去下载。

选择需要下载的版本。此处选择2.4.5的版本。点击右侧下载图标开始下载。

弹窗必须勾选Accept,否则无法继续。

点击Accept后,对应的cocos creator版本开始下载,可以看到下载进度。

下载完成后,我们再切到Project的界面。发现多了很多模板项目。

先来创建一个Hello World. 勾选hello-world,给项目一个名称。就叫HelloWorld吧, 选在项目存放的位置。之后点击Create and open 

此时还会弹窗提示选择语言。选择中文即可。

项目初始化。等待加载完成。

项目

加载完成后,如下图所示。点击箭头处的运行标识,即可运行项目。

点击运行,项目启动系统默认的浏览器。项目运行起来啦~


本篇主要陈述如何在win10上搭建cocos creator的开发环境。并不涉及到编译原生版本的环境,打包会在后续的文章中详细说明。

下一篇将详细的介绍cocos creator的工具的使用。

为了之后编写代码做准备,请自行安装VS Code. 下载地址:https://code.visualstudio.com/

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容