我將展示如何在 Mac os 10.9(Maverics) 上搭建 Cocos2d-JS 開發環境。
下載必備的軟體包
下載並安裝WebStorm7。WebStorm7目前的穩定版本是7.0.3。為什麼我們選擇WebStorm？因為它提供了許多功能，如JavaScript代碼的語法完成，調試，語法高亮，版本系統集成等，你可以去WebStorm的更多信息的官方網站。
從Cocos2d-x的官方網站下載Cocos2D-JS 3.0alpha版本。點此處下載。當你下載了的Cocos2D-JS
3.0alpha版本。你應該把它解壓縮到一個合適的位置。在我們的例子中，我把它解壓在~/work/cocos2d-js-v3.0-alpha2. ~代表你的主目錄路徑，這在我們的例子中是 /Users/linshun。
注意：
你也可以通過GitHub上得到的Cocos2D-JS的前沿版本。這里是的Cocos2D-JS GitHub的版本庫，最新的開發工作在develop分支。
下載並安裝Chrome34和JetBrains-IDE-support擴展。
好吧，讓我們來看看如何配置WebStorm7開發和調試我們的Cocos2D-JS應用。
如何創建新工程
Cocos2d-JS 提供了一個控制台工具，使CH5和JSB應用程序的開發更加簡單和方便得多。你可以使用它來創建一個新的項目，其發布到Android，iOS，Mac
OS或web，它是非常容易使用。
安裝Console工具
第一步，在你使用該工具前需要先安裝。 請克隆 Cocos2d-JS倉庫並跟新所有子模塊。在Cocos2d-JS文件夾下打開控制台工具(console)，然後在控制台上運行./setup.py。在安裝期間你可能需要提供你的
NDK, Android SDK 和 ANT的路徑。 注意該工具是使用python開發的，所以你需要在你的機子上安裝python
2.7.5或以後的版本(但是不支持 python3)。
**注意： ** 請執行 source ~/.bash_profile，使環境設置立即生效。
創建新工程
// 創建一個包含 Cocos2d-x JSB 和 Cocos2d-html5 工程:
cocos new -l js
// 創建一個僅包含 Cocos2d-html5 的工程:
cocos new -l js --no-native
// 在指定的目錄創建一個指定名字的工程:
cocos new projectName -l js -d ./Projects
在這個教程中，我們使用 cocos new -l js 在當前目錄創建一個MyJSGame工程。
運行該工程
使用Websever 運行 Cocos2d-JS 工程
cd ~/work/MyJSGame
cocos run -p web
使用Cocos2d-x JSB 編譯並運行項目
cd ~/work/MyJSGame
cocos compile -p ios|android|mac
cocos run -p ios|android|mac
有用的參數
-p platform : 平台可以是 ios|mac|android|web.
-s source : 你的工程目錄, 如果不指定當前目錄會被使用.
-q : 靜默模式, 移除日誌消息.
-m mode : debug 或 release 模式, 默認是debug
--source-map: 普通的 source-map 文件. (僅針對Web 平台)
B. 如何在cocos3d-js游戲中實現文件讀寫
使用cocos2d-js可以讀取txt文件，通過jsb.fileUtils.getStringFromFile(fileName);jsb.fileUtils裡面也有writeStringToFile()但是這個官方沒有綁定到C++函數，所以不能用，可以自己實現綁定