使用Xcode IDE寫node.js


最近在玩node.js

但是發現很多IDE就是用不順手

后來發現Xcode可以剖析java script

於是試着使用Xcode來當做node.js的編輯器

 

首先,在Mac上必須先安裝node.js的相關開發工具


MacPorts比較省時間 開發環境搞定后,打開Xcode

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


使用Xcode <wbr />IDE寫node.js 

然后選擇左下角Other。右邊選擇External Build System

按下Next 會看到下圖

使用Xcode <wbr />IDE寫node.js

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

之后,隨便找個地方按下Create,建立項目。

當項目建立好后,就可以新增檔案了。

在這個地方,我將會把以前寫的小東西匯入這個項目。

首先,先將以前寫的東西搬到項目文件夾底下。

我是將以前寫的.js文件搬到該項目文件夾底下的src目錄

然后,依照下圖進行.js檔的reference匯入動作


使用Xcode <wbr />IDE寫node.js 

在項目文件的圖示右鍵單擊,選擇「Add Files to "MyNodeJS"」

然后把整包src文件夾匯入。如下圖

使用Xcode <wbr />IDE寫node.js

以上步驟就完成了項目文件的結構設定。

但是,還不能跑。

以前用文字編輯軟件寫完code后,必須用terminal呼叫node去執行.js檔

現在,必須在Xcode上面做一些設定,讓Xcode可以直接呼叫node去執行.js檔。

並將結果顯示在Xcode的console


使用Xcode <wbr />IDE寫node.js

點選: 'Product->Edit Scheme'

選擇左邊的Run

接着,在右邊的info標簽中有個Executable的下拉式選單

選擇Other。


使用Xcode <wbr />IDE寫node.js 

之后,會彈出一個選擇檔案的對話框。

這時候我們要把node的執行檔指定給Xcode

使用Xcode <wbr />IDE寫node.js

按下: 'Command+Shift+G'

畫面將會出現一個框框,如上圖。

接着,key入node執行文件位置。如果是用Mac Ports安裝的話,可直接按照下面方式操作。

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


使用Xcode <wbr />IDE寫node.js 

按下Go后,發現node執行檔已經被選取。此時按下Choose。

回到剛剛的畫面

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


使用Xcode <wbr />IDE寫node.js 

依上圖操作。把debugger選擇成None

現在已經完成了node.js的設定

也取消了debugger。所以已經快要可以run程序了

不過,還差一步…

我們必須跟IDE說,node一開始要加載什么檔案。

這個范例的默認是加載index.js后開始執行


使用Xcode <wbr />IDE寫node.js  依照上圖設定。

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

接着,按下OK就設定完成了

 

最后輸出可以了,但是log打印會是亂碼:解決辦法:

alias node 'NODE_NO_READLINE=1 node'

 或者:

An alternative is to add this to your .emacs:

(setenv "NODE_NO_READLINE" "1")

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM