使用Xcode IDE寫node.js

最近在玩node.js

但是發現很多IDE就是用不順手
後來發現Xcode可以剖析java script
於是試著使用Xcode來當做node.js的編輯器



首先，在Mac上必須先安裝node.js的相關開發工具
用MacPorts比較省時間 開發環境搞定後，打開Xcode

點選: 'File->New->Project'

然後選擇左下角Other。右邊選擇External Build System
按下Next 會看到下圖

Product Name: '自己取'
Build Tool: '/usr/local/bin/node'

之後，隨便找個地方按下Create，建立專案。
當專案建立好後，就可以新增檔案了。

在這個地方，我將會把以前寫的小東西匯入這個專案。

首先，先將以前寫的東西搬到專案資料夾底下。
我是將以前寫的.js檔搬到該專案資料夾底下的src目錄
然後，依照下圖進行.js檔的reference匯入動作

在專案檔的圖示按右鍵，選擇「Add Files to "MyNodeJS"」
然後把整包src資料夾匯入。如下圖

以上步驟就完成了專案檔的結構設定。
但是，還不能跑。

以前用文字編輯軟體寫完code後，必須用terminal呼叫node去執行.js檔
現在，必須在Xcode上面做一些設定，讓Xcode可以直接呼叫node去執行.js檔。
並將結果顯示在Xcode的console

點選: 'Product->Edit Scheme'

選擇左邊的Run
接著，在右邊的info標籤中有個Executable的下拉式選單
選擇Other。

之後，會彈出一個選擇檔案的對話框。
這時候我們要把node的執行檔指定給Xcode

按下: 'Command+Shift+G'

畫面將會出現一個框框，如上圖。
接著，key入node執行檔位置。如果是用Mac Ports安裝的話，可直接按照下面方式操作。

鍵入: '/usr/local/bin/node'

按下Go後，發現node執行檔已經被選取。此時按下Choose。
回到剛剛的畫面

此時，我們必須將debugger換掉。

依上圖操作。把debugger選擇成None
現在已經完成了node.js的設定
也取消了debugger。所以已經快要可以run程式了
不過，還差一步...

我們必須跟IDE說，node一開始要載入什麼檔案。
這個範例的預設是載入index.js後開始執行

依照上圖設定。

選擇: 'Arguments'
在Arguments Passed On Launch新增(+): '$(SOURCE_ROOT)/src/index.js'
Expand Variables Based On: 'MyNodeJS'

接著，按下OK就設定完成了

附上我的執行畫面。

One more thing...
這東西我有放在GitHub
有需要的請自取