搭建 Cocos2d-html5环境与webstorm的配置

1.下载Cocos2d-html5

https://github.com/cocos2d/cocos2d-html5

2.下载并安装Google Chrome浏览器

       Google Chrome下载地址:http://www.google.com/intl/zh-CN/chrome/
      安装完Chrome是不够的,还需要在Chrome安装JetBrains IDE Support 插件。
      在Chrome浏览器中打开  https://chrome.google.com/webstore/detail/jetbrains-ide-support/hmhgeddbohgjknpmjagkdomcpobmllji  并安装。

3、下载并安装WebStorm

       下载地址:http://www.jetbrains.com/webstorm/

       这是一个非常好用的Javascript IDE 工具。另外,由于cocos2d-html5的资源加载会收到浏览器的限制,我们必须部署一个Web服务器才能让cocos2d-html5火力全开。而WebStorm内置了Web服务器,免去了我们部署Web服务器的麻烦。

4、破解参见如下的网址哦:

http://idea.lanyus.com/

5、配置 Node.js环境。否则运行webstrom会报错

网上下载一个node.js然后下载安装即可

6、配置cocos  console工具环境。

https://github.com/cocos2d/cocos2d-console

下载Cocos2d-JS仓库,然后打开终端并进入Cocos2d-JS文件夹,然后终端运行python  setup.py

在安装过程中,你可能需要提供你的NDK,Android SDK和ANT目录。请注意,这个工具是使用python来开发的,你将需要首先安装python 2.7.5或2.7.6,但是setup.py并不支持python3。

参见如下 

Cocos2d console是一个可以为Cocos2d-html5和Cocos2d-JSBingding极大简化游戏创建和环境配置过程的工具。

在Cocos2d-JS v3.0 alpha版中,由于重构了大量以前C++风格的API并为Javascript开发者提供了很友好的API设计,JSB的API也如此改造以保证Html5和JSB之间的代码共享,详细信息请参见发布说明(http://cocos2d-x.org/docs/manual/framework/html5/release-notes/v3.0rc2/release-note/zh)。更重要的是,我们将Cocos2d-html5和Cocos2d-JSBinding合并为一个仓库:Cocos2d-JS(https://github.com/cocos2d/cocos2d-js)。所以只要开发者使用JS开发游戏,那么不论游戏会发布到哪个平台,都可以使用Cocos2d-JS来进行开发。

终端脚本工具
Cocos2d-JS提供了一个终端工具来简化html5和JSB游戏的创建和开发。开发者可以使用它来创建新项目,编译并发布游戏到android,iOS,Mac OS,iOS或者Web平台。并且它非常简单易用,下面将会展示它的安装与使用。

安装
首先,你需要安装这个工具,当开发者将Cocos2d-JS仓库下载下来以后,会在根目录下发现setup.py安装文件。打开终端并进入Cocos2d-JS文件夹,然后运行./setup.py。在安装过程中,你可能需要提供你的NDK,Android SDK和ANT目录。请注意,这个工具是使用python来开发的,你将需要首先安装python 2.7.5或2.7.6,但是setup.py并不支持python3。

一些有用的链接和安装指引:

Python 2.7.6(https://www.python.org/download/releases/2.7.6/)
Android SDK(https://developer.android.com/sdk/index.html?hl=sk)
NDK(https://developer.android.com/tools/sdk/ndk/index.html)
Ant binary release(http://ant.apache.org/)

下载Ant。
将Ant解压到你指定的文件夹。
设置JAVA_HOME环境变量到你的Java路径,ANT_HOME到刚刚解压的文件夹,再将${ANT_HOME}/bin (Unix)或%ANT_HOME%/bin (Windows)加入到PATH中。
// Example: 在命令行中运行或添加到.bash_profile(Mac)
export ANT_ROOT=/usr/local/ant/bin
export JAVA_HOME=/usr/local/jdk1.7.0_51
Usage
成功安装以后,开发者就可以开始在终端中使用cocos命令。

创建一个新项目

创建一个同时包含Cocos2d-x JSB和Cocos2d-html5的项目:
cocos new projectName -l js

创建一个仅支持Cocos2d-html5的项目:
cocos new projectName -l js --no-native

创建项目到指定目录:
cocos new projectName -l js -d ./Projects

运行项目
使用浏览器运行web版项目:
cd directory/to/project
cocos run -p web
编译并将项目运行在Cocos2d-JSB上:
cd directory/to/project
cocos compile -p ios|mac|android|web
cocos run -p ios|mac|android

-p platform : The platform can be ios|mac|android|web.
-s source   : Your project directory, if not specified the current directory will be used.
-q          : Quiet mode, remove log messages.
-m mode     : Mode debug or release, debug is default
--source-map: General source-map file. (Web platform only)
帮助命令
如果你对使用有任何疑问,可以在命令后使用-h来获取对应命令的帮助。下面是所有的命令:
创建:new
编译:compile
运行:run
本文转载自:http://cocos2d-x.org/docs/manual/framework/html5/v2/cocos-console/zh
完整文档请参考:http://cocos2d-x.org/docs/manual/framework/html5/zh

你可能感兴趣的:(node.js,webstorm,webstorm,cocos2d-html5,2016.1,webstorm注册码)