Cocos Creator开发环境搭建

因为开始测试游戏,所以安装了开发环境,自己可以拉取代码进行打包测试

1、安装Node.js和Ant工具,并在cmd中验证是否安装成功

https://nodejs.org/en/

http://ant.apache.org/bindownload.cgi

2、安装java JDK,并配置环境变量,这个就不重复写了

http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

验证是否配置成功

3、android Studio环境搭建,并下载安装SDK和NDK

http://www.android-studio.org/

https://developer.android.google.cn/ndk/downloads/

4、安装Python

Python 2.7.5+

5、项目目录结构


6、安装Cocos Creator,并配置好sdk、ndk、ant的路径

7、下载并安装Visual Studio Code代码编辑调试IDE工具

https://code.visualstudio.com/

安装完成后在cocos creator中打开选择:开发者->VS Code 工作流->安装 VS Code 扩展插件之后creator控制台中会显示

开发者->VS Code 工作流->更新 VS Code 智能提示数据,这样在代码编写过程中自动提示 Cocos Creator 引擎 API

打开VS Code,进行汉化

修改Josn文件。

1)打开vscode工具;

2)使用快捷键组合【Ctrl+Shift+p】,在搜索框中输入“configure display language”,点击确定后;

3)修改locale.json文件下的属性“locale”为“zh-CN”;

4)重启vscode工具;

接着安装插件

接下来需要设置一下VS Code在搜索和显示文件列表时需要过滤掉的文件和文件夹,方法如下:

文件->首选项->设置

输入内容

{

"search.exclude": {

    "**/node_modules": true,

    "**/bower_components": true,

    "build/": true,

    "temp/": true,

    "library/": true,

    "**/*.anim": true

    },

    "files.exclude": {

    "**/.git": true,

    "**/.svn": true,

    "**/.hg": true,

    "**/CVS": true,

    "**/.DS_Store": true,

    "**/*.meta": true,

    "library/": true,

    "local/": true,

    "temp/": true

    },

    "window.zoomLevel": 2,

}


使用外部文本编辑器修改项目脚本后,要重新激活Cocos Creator 窗口才能触发脚本编译,新版本的 Creator 中增加了一个预览服务器的 API,可以通过向特定地址发送请求来激活编辑器的编译。

下载cURL,如果在 Windows 操作系统的命令行中运行 curl 提示找不到命令,则需要先安装 curl 到你的系统:

http://www.confusedbycode.com/curl/

点击下图箭头所示的控件,完成人机身份验证后点击相应版本的下载并默认安装

验证curl是否安装成功

在Cocos Creator中点击:开发者->VS Code 工作流->添加编译任务。该操作会在项目的 .vscode 文件夹下添加 tasks.json 任务配置文件。

控制台会输出如下内容:

VS Code 还可以为任务配置快捷键,请打开主菜单的 Code -> 首选项 -> 键盘快捷方式,并在右侧的 keybindings.json 里添加以下条目:

{ "key": "ctrl+p", //请配置自己习惯的快捷键 "command": "workbench.action.tasks.runTask", "args": "compile" }

这样就可以使用快捷键一键完成项目脚本编译了!

重启VSCode ,按Ctrl+p键,出现如下图,说明编译成功


8、使用Visual Studio Code调试网页版游戏

(1)安装chrome浏览器

https://www.google.com/chrome/

(2)安装VS Code 插件:Debugger for Chrome

(3)在Cocos Creator中点击:开发者->VS Code 工作流->添加 Chrome Debug 配置,这个菜单命令会在你的项目文件夹下添加一个 .vscode/launch.json 文件作为调试器的配置,之后你就可以在 VS Code 里点击左侧栏的 调试 按钮打开调试面板,并在最上方的调试配置中选择 Creator Debug: Launch Chrome,然后点击绿色的开始按钮开始调试

9、使用Cocos Creator调试原生工程

这里模拟器每次运行都是横屏的,所有需要修改一下,把下面两个配置文件放置cocos的位置

D:\CocosCreator\resources\cocos2d-x\simulator\win32

配置文件下载地址:https://github.com/zhangzichao11/Cocos-Creator-

10、使用Cocos Creator发布原生版本

app位置:H:\CurveBattle\trunk\Client\build\jsb-link\publish\android

你可能感兴趣的:(Cocos Creator开发环境搭建)