我們要想編寫和運作javascript腳本，則需要：javascript編輯工具和javascript運作測試環境。下面我們分别介紹一下。
javascript編輯工具
javascript編輯工具最簡單的可以使用一些文本編輯工具，但是它們往往缺少文法提示，有的文法關鍵字還沒有高亮顯示，最重要的是它們大部分不支援調試。考慮到易用性，以及與cocos2d-js遊戲引擎接軌，我們推薦大家使用付費的javascript開發工具——webstorm，webstorm是jetbrains公司研發的一款javascript開發工具，可以編寫html5和javascript 代碼，并且可以調試。jetbrains公司開發的很多工具都好評如潮，其中java開發工具intellij idea被認為是最優秀的。webstorm與intellij idea同源，繼承了intellij idea強大的javascript部分的文法提示和運作調試功能。webstorm也是cocos2d-js遊戲的重要開發工具。
webstorm可以到網站http://www.jetbrains.com/webstorm/download/下載下傳，如下圖所示，webstorm有多個不同的平台版本，我們根據需要下載下傳特定平台版本檔案。webstorm軟體可以免費試用15天，如果超過15天需要輸入軟體許可（license key），我們需要購買許可。
webstorm下載下傳‘
javascript運作測試環境
如果讓編寫好的javascript檔案運作，還需要配置運作測試環境，這個需要環境主要包含一個javascript引擎，webstorm本身不包含這個運作環境。如果我們編寫的javascript檔案嵌入到html檔案運作，我們可以安裝浏覽器google chrome、firefox或opera，注意ie浏覽器對javascript支援不好。如果隻是運作和測試javascript檔案可以安裝node.js。關于安裝浏覽器我們就不再介紹了，本節我們重點介紹安裝node.js。
node.js安裝包括：node.js運作環境安裝和node.js子產品包管理。我們首先安裝node.js運作環境，該環境在不同的平台下安裝檔案也是不同，我們可以在http://nodejs.org/download/頁面找到需要下載下傳的安裝檔案，目前node.js運作環境支援windows、mac os x、linux 和sunos 等系統平台。由于我的電腦是windows 8 64系統，是以我下載下傳的是node-v0.10.26-x64.msi檔案，下載下傳完成進行安裝就可以了。
安裝完成後需要确認一下，node.js的安裝路徑（c:\program files\nodejs\）是否添加到系統path環境變量中，我們需要打開如圖所示的對話框，在系統變量path中查找是否有這個路徑。
系統變量path配置
hellojs執行個體測試
搭建好環境後，我們需要測試一下，我們首先需要使用webstorm工具建立工程，選擇菜單file→new project，彈出create new project對話框，如圖所示，在project name輸入工程名，location是工程檔案儲存位置，project type中選中empty project。
create new project對話框在create new project對話框中輸入相關内容後，點選ok按鈕建立工程。然後再選中工程，右鍵菜單選中new→javascript file，彈出如圖所示new javascript file對話框，在name中輸入hellojs，這是建立的js檔案名，kind中選擇javascript file。
new javascript file對話框在new javascript file對話框中輸入相關内容後，點選ok按鈕建立hellojs.js檔案，建立成功webstorm界面如圖所示。
webstorm成功界面
我們在編輯 界面中輸入如下代碼：
var msg = 'hellojs!'
console.log(msg);
其中代碼var msg = 'hellojs!'是把字元串指派給msg變量，console.log(msg)是将msg變量内容輸出到控制台。如果要想運作hellojs.js檔案，選擇hellojs.js檔案，彈出如下圖所示右鍵菜單，選中run ‘hellojs.js’運作。運作結果輸入到日志視窗，如圖所示。
運作hellojs.js檔案菜單
運作結果如果我們想調試程式，可以設定斷點，如下圖所示，點選行号後面位置，設定斷點。
設定斷點調試運作過程，如下圖所示右鍵菜單中選擇debug ‘hellojs.js’運作。如圖所示，程式運作到第6行挂起。
運作到斷點挂起我們在debugger中的variables中檢視變量，從中我們可以看到msg變量的内容。在debugger視窗中有很多調試工具欄按鈕，這些按鈕的含義說明如下圖所示。
調試工具欄按鈕
更多内容請關注最新cocos圖書《cocos2d-x實戰：js卷——cocos2d-js開發》
歡迎加入cocos2d-x技術讨論群：257760386
《cocos2d-x實戰 js卷》現已上線，各大商店均已開售：
歡迎關注智捷ios課堂微信公共平台，了解最新技術文章、圖書、教程資訊