資源描述:
《打造nodejs的調(diào)試環(huán)境》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。
1、打造Nodejs的調(diào)試環(huán)境打造Nodejs的調(diào)試環(huán)境(上)自從NODEJS問(wèn)世以來(lái),我們注意到的一個(gè)現(xiàn)象是,開源生態(tài)圍繞Nodejs的擴(kuò)展(Extends)、插件(Plugins)或工具(Tools/Utilis)在不斷地增多,可見(jiàn)當(dāng)中之蓬勃。這一方面固然很好,但這里卻不是重點(diǎn)討論那些擴(kuò)展或者插件,而是調(diào)試工具(debugger)本身。因?yàn)?,沒(méi)有一個(gè)好的調(diào)試工具,無(wú)法展開一丁點(diǎn)的開發(fā)工作,或者困難重重?!@一點(diǎn),自必然在在坐當(dāng)中的心知肚明。然而,官方nodejs.org對(duì)調(diào)試器的態(tài)度也是不含糊的。原來(lái),官方一早在nodejs內(nèi)置基于Eclipsef
2、orV8調(diào)試器的接口,為調(diào)試提供安排一套解決方案;另外還有一文編寫針對(duì)“調(diào)試”的教程——本文恰恰是得益于出自于出自ry之手的這份教程提煉而來(lái)。??????話說(shuō)Eclipse是一個(gè)大平臺(tái),開源的,任何有構(gòu)思的東東都可以自由地在Eclipse平臺(tái)上施展,好不快活,呵呵!急不及待地先看看這個(gè)調(diào)試器的界面,大概是這樣的,???圖一??????圖乃經(jīng)典的Eclipse的風(fēng)格的界面~但Eclipse,與nodejs的調(diào)試,本不互為一體,從何說(shuō)起呢?Nodejs即就是Google?V8的高層擴(kuò)展,調(diào)試過(guò)程中還是必須經(jīng)過(guò)V8下面打交道。Google??????V8引
3、擎只是一個(gè)地道的JavaScript解釋引擎,不包含調(diào)試模塊在內(nèi),也就是說(shuō)需要借助另外的調(diào)試模組參與之。所以V8/nodejs暴露開放了相關(guān)的調(diào)試接口,通過(guò)這些接口,整合到專門的調(diào)試模塊中去,像Eclipse??????DebugView,如此就可以呈現(xiàn)一個(gè)專業(yè)的調(diào)試環(huán)境。本文所介紹的調(diào)試器是GoogleChromeDeveloperTools,定位在面向Chrome開發(fā)者的工具包,而此刻我們就是借助它這個(gè)工具來(lái)調(diào)試nodejs的。GoogleChromeDeveloperTools在原理上是基于TCP遠(yuǎn)程的調(diào)試環(huán)境的這么一個(gè)Eclipse插件。作者
4、ry有考慮到,直接在C++/Java的最終環(huán)境中加入調(diào)試器而不遠(yuǎn)程調(diào)試的,——原因是什么?作者的說(shuō)法是為了避免插件在C++/Java運(yùn)行時(shí)帶來(lái)的不穩(wěn)定性。好,休費(fèi)多唇舌,咱們從基礎(chǔ)部分進(jìn)入調(diào)試nodejs的介紹。首先是安裝GoogleChromeDeveloperTools。假設(shè)用戶已經(jīng)了解Eclipse的基本使用(熟悉怎么安裝的用戶則可以跳過(guò)此步……),進(jìn)入菜單選擇【Help】--【SoftwareUpdates...】,如下圖。???????出現(xiàn)對(duì)話框后切換至【AvailableSoftware】標(biāo)簽頁(yè),如下圖。?????????然后點(diǎn)擊右方的【
5、AddSite……】按鈕,有否出現(xiàn)一個(gè)輸入url網(wǎng)址的對(duì)話框?這是GoogleChromeDeveloperTools的下載地址了,我們貼上:??????http://chromedevtools.googlecode.com/svn/update/dev/??然后確認(rèn)OK,稍等待片刻,如果出現(xiàn)http://chromedevtools.googlecode.com/svn/update/dev/的樹菜單,在其前面打勾選擇下載。接著點(diǎn)擊右邊的【install……】。?????????稍等片刻計(jì)算依賴關(guān)系……?????????在【ReviewLicen
6、ses】的窗體中確認(rèn)許可,然后點(diǎn)擊【Next】,正式開始安裝:???安裝進(jìn)度100%之后重啟EclipseIDE使插件生效。然后在菜單【W(wǎng)indows】--【ShowView】--選擇【Debug】切換到Eclipse的調(diào)試視圖,即圖一的界面(還沒(méi)鏈接Nodejs),如下圖。到這一步,調(diào)試插件被安裝完成,接著是設(shè)置調(diào)試器的部分。??????如上圖紅色區(qū)域,點(diǎn)擊【Debug】的圖標(biāo)旁邊的倒三角,出現(xiàn)下拉菜單點(diǎn)擊【DebugConfigurations…】。然后從左邊的選擇項(xiàng)之中點(diǎn)擊【Standalone??????V8VM(獨(dú)立V8虛擬機(jī))】接著右鍵鼠
7、標(biāo),選擇【New】新建一個(gè)調(diào)試profile。??????如下圖,輸入名稱【name】和端口【Port】??梢栽O(shè)置端口為Node-5858、Node-5859、Node-5860……等等,但必須與nodejs腳本中所指定的端口一致。??????最后點(diǎn)擊【Debug】按鈕旋即計(jì)入調(diào)試界面。至此,我們安裝調(diào)試插件和設(shè)置端口部分已經(jīng)完成了。打算了解如何在js代碼中進(jìn)一步的調(diào)試嗎?例如打點(diǎn)、步進(jìn)、監(jiān)視等的調(diào)試基本操作內(nèi)容……在下一篇中將為大家作介紹!打造Nodejs的調(diào)試環(huán)境(下)上一期我們?yōu)榇蠹医榻B了安裝Eclipse調(diào)試插件的情況,這對(duì)于還不熟悉Ecli
8、pse開發(fā)平臺(tái)的用戶是至關(guān)重要的,希望可以通過(guò)一步步的圖片加文字說(shuō)明,把Nodejs困難的地方變簡(jiǎn)單和清晰、