學習足跡

2012年12月18日 星期二

在Sublime使用Node.js及時編譯執行JS檔案

在開發JavaScript時,總是要把JS程式在瀏覽器Run,才能看到執行的結果,有一些程式其實我們只是想要看他跑的資料流程有沒有正確,而沒有動到整個DOM文件或是需要跟Server存取資料,這樣的話我們可以用Sublime的Build System結合Node.js去執行我們的JS檔案就可以了

效果如下:






首先到Node.js官方網站下載Node.js,我是使用Windows Installer (.msi) 64位元版,這裡要看你們的需求需要什麼樣的版本,安裝完後在Win7預設的路徑是C:/Program Files/nodejs/,安裝完成後在Sublime選擇Tool > Build System > New Build System



輸入以下資料並將檔案名稱命名為NodeJsJavaScript.sublime-build(名稱可以自行定義,但是副檔名一定要為.sublime-build)儲存於使用者設定檔資料夾(我是放在D:\Sublime Text 2.0.1 x64\Data\Packages\User\)





之後開啟一個js檔案(記得檔案路徑只能用英文路徑,不可有中文路徑),點選Sublime工具列Tool > Build System,選擇剛剛建立的NodeJsJavaScript編譯系統,然後儲存JS檔案或者是按Ctrl+B快捷鍵編譯JS就可以看到效果了

參考資料




沒有留言:

張貼留言