目錄
1.安裝Python 2.7並配置系統環境變量PATH加入pyshon安裝路徑 (下載地址>>)
在命令行輸入 python --version 顯示版本號則安裝成功
2.Cocos2d-JS庫下載（下載地址>>）
解壓在一個地方作為Cocos2d-JS引擎目錄，然后雙擊里面的setup.py后會在系統自定配置變量
3.搭建WebStorm開發環境（用webstorm便於在瀏覽器測試）
下載安裝webstorm
插件安裝：為了配合WebStorm工具調試，安裝插件jetBrains-IDE-support (下載地址>>)
打開谷歌瀏覽器，chrome://extensions/ 回車，解壓后拖入.crx文件，安裝成功后會在瀏覽器的地址欄后面出現“JB”圖標
把<Cocos2d-JS引擎目錄>設置為工程根目錄：
打開Webstorm，選擇菜單File->New Project from Existing Files，在如圖界面選擇好后，點擊Next按鈕進入設置工程根目錄對話框，
選擇<Cocos2d-JS引擎目錄>，然后按下Project Root按鈕，設置無誤后，點擊Finish按鈕完成設置。
4.用Webstorm查看官方實例：
在導航面板中選擇Samples->js-tests->index.html，右擊index.html選擇'Debug...'，然后WebStorm會啟動Google Chrome瀏覽器展示如下：點擊其中的菜單即可運行相應示例
5.搭建Cocos Code IDE開發環境(便於創建cocos2d Js項目)
想運行Cocos Code IDE工具，我們需要安裝JDK或JRE，JDK是Java開發工具包，JRE是Java運行環境。
下載安裝Cocos Code IDE (下載地址>>)
配置JavaScript框架：
打開Cocos Code IDE工具，選擇菜單Window->Preferences，彈出對話框如下圖所示，選擇Cocos->JavaScript在右邊的JavaScript Frameworks中選擇<Cocos2d-JS引擎目錄>
創建工程的時候，Cocos Code IDE工具會從這個JavaScript框架目錄中創建工程文件。
6.使用Cocos Code IDE創建工程，選擇菜單File->New->Project，選中Cocos JavaScript Project，然后點擊Next按鈕，配置相應信息繼續Next
創建好工程后可以測試一下，在左邊的工程導航面板中選中index.html文件，右鍵菜單中選擇Run As->Cocos JSBinding運行，運行結果如下：
相關文章：