使用Cocos2d-JS引擎开发游戏，主要的程序代码是JavaScript语言，因此，凡是能够开发JavaScript语言工具都适用于Cocos2d-JS游戏开发。本书我们推荐WebStorm和Cocos Code IDE工具。
搭建WebStorm开发环境
我们在以往使用了WebStorm开发工具，它是非常优秀的JavaScript开发工具，WebStorm工具可以开发和调试基于Cocos2d-JS引擎的JavaScript程序代码，但是测试和调试时候只能运行在Web浏览器上。
WebStorm安装过程我们已经介绍了，但是要想开发基于Cocos2d-JS引擎的JavaScript程序，我们还需要安装Google Chrome浏览器和JetBrains IDE Support插件，Google Chrome浏览器安装我们不再介绍，我们重点介绍JetBrains IDE Support插件，
JetBrains IDE Support是安装在Google Chrome浏览器上的插件，它是为了配合WebStorm工具调试使用的。JetBrains IDE Support插件安装过程是在Google Chrome浏览器的网址中输入https://chrome.google.com/webstore/detail/jetbrains-ide-support/hmhgeddbohgjknpmjagkdomchmhgeddb内容，安装页面如下图所示，在该页面中可以点击“已添加至CHROME”按钮，安装插件。
安装JetBrains IDE Support插件
安装成功后会在浏览器的地址栏后面出现“JB”图标，具体使用如何我们下面章节再介绍。
搭建Cocos Code IDE开发环境
Cocos Code IDE是Cocos2d-x团队开发的，用于开发Cocos2d-JS和Cocos2d-x Lua绑定的游戏工具，它是基于Eclipse[ Eclipse 是一个开放源代码的、基于Java的可扩展开发平台。就其本身而言，它只是一个框架和一组服务，用于通过插件组件构建开发环境。幸运的是，Eclipse 附带了一个标准的插件集，包括Java开发工具（Java Development Kit，JDK）。——引自于百度百科 http://baike.baidu.com/subview/23576/9374802.htm]平台的开发工具，Eclipse基于Java的要想运行Cocos Code IDE工具，我们需要安装JDK或JRE，JDK是Java开发工具包，JRE是Java运行环境。
1、JDK下载和安装
我们介绍一下JDK下载和安装，如下图所示是JDK 7 下载界面，它的下载地址是http://www.oracle.com/technetwork/java/javase/downloads/jdk7-downloads-1880260.html,其中有很多版本，注意选择对应的操作系统，以及32位还是64位安装的文件。
下载完成默认安装完成之后，JDK安装完成后需要设置系统环境变量，主要是设置JAVA_HOME环境变量。打开环境变量设置对话框，如图3-6所示，我们可以在用户变量（上半部分，只影响当前用户）或系统变量（下半部分，影响所有用户）添加环境变量，一般情况下我们在用户变量中设置环境变量。
设置JAVA_HOME
为了防止安装了多个JDK版本对于环境的影响，我们还可以在环境变量PATH追加C:Program FilesJavajdk1.7.0_21
