《HTML5 2D遊戲程式設計核心技術》——第2章，第2.5節縮短編碼周期

本節書摘來自華章出版社《html5 2d遊戲程式設計核心技術》一書中的第2章，第2.5節，作者［美］　戴維·吉爾裡，更多章節内容可以通路雲栖社群“華章計算機”公衆号檢視。

2.5　縮短編碼周期

javascript是一種解釋型語言，是以在代碼改變時不需要重新編譯。這意味着改變代碼後，通過簡單的重新整理浏覽器就可以使用更新後的代碼來重新開始你的遊戲。

然而，當你在編輯器中完成代碼修改，需要重新整理浏覽器時，意味着你必須從編輯器切換應用程式到浏覽器來重新整理頁面。一般來說，你可以使用按鍵或者通過滑鼠點選來實作。假若你的代碼存在錯誤或者沒有完成需要的功能，你将不得不切換回編輯器進行代碼修改。

如果一天之内在應用程式和重新整理浏覽器之間切換幾十次，那麼效率會很低。如果浏覽器能夠在你更改編輯器内的代碼時自動重新整理，将會極大地提高你的編碼效率，相應地，會讓你在更短的時間内完成遊戲。

使用ruby腳本，在編輯代碼時不用離開編輯區，浏覽器會自動重新整理，如圖2.21所示，它可以監控一個目錄裡的所有檔案。當目錄中的任何檔案發生改變時，ruby腳本會自動更新具體的浏覽器視窗。你隻需在浏覽器視窗位址欄中指明目錄和文本（正規表達式），接下來的工作交給ruby腳本去做就可以了。

通過圖2.21所示的ruby腳本（或者類似的工具），在編寫代碼時，你不再需要離開編輯區。當你每次儲存編輯區的更改時，ruby腳本會自動更新你指定的浏覽器視窗。

圖2.21　用于監控檔案的ruby腳本

當你修改遊戲玩法，儲存編輯區中的代碼時，自動重新整理浏覽器的益處不大，這是因為你必須要從編輯區切換到浏覽器，才能檢測你的修改情況。自動重新整理浏覽器僅僅讓你少按了一次重新整理頁面的按鍵。

如果你修改遊戲的其他方面，例如，遊戲的載入畫面，在你的遊戲自動加載後，你可以不必離開編輯區就檢視浏覽器中的改變。

當你在使用css時，自動重新整理浏覽器将會給予你很大的幫助。你可以改變css，然後立即觀察到浏覽器中的變化，不需要離開編輯器，這使得快速調整遊戲的css變得很容易。