webstorm 快速搭建 Cocos2d-HTML5 開發除錯環境
在這篇文章中，你將學會如何快速搭建 Cocos2d-HTML5 的開發和執行環境，對於指令碼來說，大多編輯器提供語法高亮顯示，而沒有語義補全，雖然有些開發環境提供了自動補全功能，但都不大好用。這裡推薦使用 WebStorm，作為一個 IDE（整合開發環境），它有非常強大的程式碼補全，而且其補全相當智慧，提高了開發效率。還能與 Google Chrome 瀏覽器配合，完成實時編輯和除錯功能。當然你可以有其它選擇。下面詳細介紹它的詳細配置步驟。
環境準備
在開始之前，首先下載需要的檔案，依賴等，對於 Cocos2d-HTML5 使用當前的最新穩定版本，2.1.5 。你可以在 這裡 下載。WebStorm
配置 WebStorm 專案，程式碼補全功能
在開始開發之前，第一步需要將 Cocos2d-html5 匯入 WebStorm 專案工程。
- 首先解壓縮 Cocos2d-html5-v2.1.5.zip 壓縮包。
-
開啟 WebStorm 進入歡迎介面，選擇又側
Create New Project from Existing Files項
-
Select scenario選擇最後一項一項“Source files are in a local directory …”，點選下一步
-
瀏覽資料夾到 Cocos2d-html5-v2.1.5 目錄，然後點選
Project Root設定跟目錄
- 點選 “Finish” 完成專案匯入。
完成以上步驟，便已經能夠在 WebStorm 裡面開啟所有內容，編輯 HelloHTML5World/src/myApp.js 已經能夠完成自動補全功能，這是因為當前整個專案包含了所有
js 原始碼。
如果是其它位置的專案沒有包含 js 庫完成自動補全的需要手動新增庫（根據實際需要）。完成對 Cocos2d-html5 的補全，使用以下方式新增 js 庫：
-
點選選單 WebStorm
Preferences進入Settings介面 -
定位到
Project Settings中JavaScript的Libraries選購項
-
點選
Add按鈕，進入 庫 新增配置介面
-
如圖所示，填寫庫名稱，然後
Attach瀏覽新增目錄，其中根據需要包含庫目錄，OK！
以上是在其它獨立的專案，使用 Cocos2d-html5 庫時的環境配置。能夠以如此的方式在任何專案新增 Cocos2d-html5 的庫，可以在專案的 “External Libraries” 看到所有的依賴庫。
瀏覽器同步編寫實時重新整理，單步除錯
以上是使用 WebStorm 開發環境的步驟，但同樣需要瀏覽執行，檢視效果。
右擊專案主目錄的 index.html 選擇 除錯 index.html 後，將以 Chrome 開啟此頁面（系統預設瀏覽器），而開啟的方式，我們看到是系統檔案路徑，如 ：
url = “file:///Users/leafsoar/Cocos2d-html5-v2.1.5/index.html”
需要注意的是，以此方式所開啟的頁面，靜態頁面正常瀏覽，但選擇 Hello World 執行，會載入不了，這是由於 cocos2d-html5 的處理機制與瀏覽器的相容問題造成的（在其它瀏覽器會有不同的結果），官方推薦以服務的方式執行，如http://localhost 的方式。
在這裡我們在瀏覽器中輸入 http://localhost:63342/Cocos2d-html5-v2.1.5/ 來訪問當前專案，在
Chrome 我們也同樣安裝了 JetBrains 外掛，以此協同工作。這樣在修改專案中靜態頁面的時候，將會自動更新至頁面，看到實時效果。http://localhost:63342 是由
WebStorm 提供了服務，後面跟專案名稱，以服務的方式訪問頁面，檢視效果。
除錯步驟，我們需要修改 右擊 除錯 index.html 的 url 地址。點選工具條，除錯配置，index.html 右側下拉 Edit Configurations，將預設的 Path 地址由：
“/Users/leafsoar/Cocos2d-html5-v2.1.5/index.html” 修改為 “http://localhost:63342/Cocos2d-html5-v2.1.5/” 如圖：
完成以上配置後，我們在如 “HelloHTML5World/src/myApp.js” 中的程式碼設定以斷點，後除錯執行專案，測試 Hello World 便可以單步除錯了：
我們可以修改 HelloHTML5World 來快速學習它們，其中 template 提供了一個專案模板，如果需要建立自己的專案，可以將它拷貝，然後基於它編寫自己的程式碼程式。
轉載地址：http://www.ityran.com/archives/4857