2012年10月30日

使用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
有需要的請自取

沒有留言:

張貼留言