CocosCreator入门(一) ------ 简介、安装、微信小游戏

最终我们选择了CocosCreator

  关于CocosCreator最详尽介绍详见官网说明:https://docs.cocos.com/creator/manual/zh/getting-started/introduction.html

 

工作流程说明

在开发阶段,Cocos Creator 已经能够为用户带来巨大的效率和创造力提升,但我们所提供的工作流远不仅限于开发层面。对于成功的游戏来说,开发和调试、商业化 SDK 的集成、多平台发布、测试、上线这一整套工作流程不光缺一不可,而且要经过多次的迭代重复。

Cocos Creator workflow

Cocos Creator 将整套手机页游解决方案整合在了编辑器工具里,无需在多个软件之间穿梭,只要打开 Cocos Creator 编辑器,各种一键式的自动化流程就能花最少的时间精力,解决上述所有问题。开发者就能够专注于开发阶段,提高产品竞争力和创造力!

 

CocosCreator下载

https://www.cocos.com/creator,我们选择版本 V2.2.2

1.双击exe开始安装,选中Vs2017选项

2.安装到最后,会启动vs2017安装,我取消了,也提示安装成功,也能正常启动。

 

Vs Code下载

https://code.visualstudio.com/

相关编辑工具配置

1 VSCode加入开发环境

打开CocosCreator,选择文件=>设置。

    

弹出提示框后,选则数据编辑=>外部脚本编辑器,选择安装VScode的安装路径,点击保存,完成脚本编辑器的环境配置。

 

2 编辑器智能提示的坑

官方的配置文档中是主推的编辑器VS Code,安装流程然后进入CocosCreator菜单栏 ->开发者-> VS Code工作流 -> 更新VS Code智能提示数据 (安装VS Code拓展插件、添加TypeScript项目配置...)点下去,嗯,安装好了,然后写demo了。

 

  但是这样可能会出现一个问题,照着文档做下去,操作提示都正确,然后结果却和文档不一致。很多人会发现VS Code编写cocos的引擎API时提示不完整或者压根没有提示。(比如输入"cc.",应该会出现一堆提示的,或者手动输入“cc.Label”,按住command键(Windows就是Windows键)然后鼠标点击也无法跳转到引擎的API里面去)。

这样出现的原因是项目中的tsconfig.json配置文件影响了jsconfig.json配置文件的有效性,导致智能提示只在ts脚本执行。
解决方案:
       删除项目中的tsconfig.json即可。
       请大家如果是开发纯js项目的话,不要点击编辑器上的 添加ts配置 这个按钮,他会导致 js脚本在编写的过程中无法智能提示。

微信小游戏工具

https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

 

配置

1 CocosCreator配置

打开Cocos引擎,选择文件=>配置,在弹出窗口选择“原生环境配置”,选择安装的路径。

2 微信开发者后台相关配置

微信开发者后台需要通过微信号登录注册,注册网址:https://mp.weixin.qq.com/

原文地址:https://www.cnblogs.com/hewei2012/p/12262868.html