/中文/
/簡(jiǎn)體中文/
/簡(jiǎn)體中文/
/簡(jiǎn)體中文/
/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
微軟Node.js Tools 1.0 for Visual Studio (NTVS)正式版已經(jīng)開放下載。其開發(fā)團(tuán)隊(duì)與Python Tools for Visual Studio(PTVS)是同一個(gè),而PTVS就是Visual Studio 2013中要?jiǎng)?chuàng)建自帶的Python項(xiàng)目需要安裝的那個(gè)程序,所以大可放心的使用NTVS。
node.js tools for visual studio是用于Visual Studio 2012和Visual Studio 2013的免費(fèi)開源工具,可以把Visual Studio轉(zhuǎn)換為Node.js IDE。
Node.js是使用JavaScript建立快速、可擴(kuò)展應(yīng)用的平臺(tái),適用范圍非常廣泛,包括服務(wù)器、物聯(lián)網(wǎng)以及桌面應(yīng)用。目前,使用Node.js支持的Visual Studio可以更容易地開發(fā)Node.js應(yīng)用。
• 豐富的編輯經(jīng)驗(yàn)
• 代碼完成(智能感知)
• 交互式窗口(REPL)
• NPM整合
• 高級(jí)調(diào)試和分析
• 測(cè)試資源管理器整合
• 與其他Visual Studio功能的完全整合
• 支持Node.js、io.js、JavaScript、TypeScript、HTML、CSS和JSON
一、NTVS介紹與安裝
從其官網(wǎng)(http://nodejstools.codeplex.com)上可以找到其介紹,NTVS是一個(gè)使Visual Studio成為Node.js集成開發(fā)環(huán)境的免費(fèi)、開源的插件,NTVS支持編輯、Intellisense、Profiling、npm包管理器、本地以及遠(yuǎn)程調(diào)試(Windows、MacOS及Linux),同時(shí)其支持Windows Azure網(wǎng)站及云服務(wù)。
總之,該有的都有了。如果要安裝NTVS的話,需要VS 2013或2012 Update4的Professional(或Test Professional)、Premium或Ultimate版本,同時(shí)需要安裝有Node.js的0.10.20或以上的版本,有了這些準(zhǔn)備后,就可以去官網(wǎng)下載安裝包進(jìn)行安裝了,需要注意的是,VS 2013和2012的安裝包是各自獨(dú)立的。
安裝完成后,就會(huì)在Visual Studio的JavaScript類型中多出以下的項(xiàng)目類型:
二、NTVS項(xiàng)目創(chuàng)建和使用
對(duì)于Node.js而言,項(xiàng)目類型并不像.NET項(xiàng)目有這么多不同的類型,每種之間的開發(fā)環(huán)境等還有差異。對(duì)于上面的Blank Node.js Console Application和Web Application兩個(gè)項(xiàng)目而言,無(wú)非就是前者模板的代碼只提供了在控制臺(tái)輸出Hello World的代碼;而后者則用Node.js創(chuàng)建了一個(gè)Http服務(wù)器,并為每個(gè)請(qǐng)求都輸出Hello World罷了,即實(shí)現(xiàn)了一個(gè)簡(jiǎn)單的Web應(yīng)用程序。而Express Application則是使用Node.js上的Express框架+Jade模板引擎+Stylus實(shí)現(xiàn)了一個(gè)小的Web應(yīng)用程序。而剩下的第一個(gè)項(xiàng)目則是從已有的Node.js項(xiàng)目中創(chuàng)建,后兩個(gè)與其他的類似,只不過(guò)已經(jīng)配置好了腳本和配置文件等可以直接部署到Windows Azure中。
項(xiàng)目創(chuàng)建后與Visual Studio的C#等項(xiàng)目沒有太大區(qū)別,Intellisense功能也非常強(qiáng)大,敲入require的時(shí)候會(huì)提示所有的模塊名稱,同時(shí)選擇每個(gè)模塊的時(shí)候會(huì)提示這個(gè)模塊的作用和說(shuō)明(如下圖),然后鍵入回車可以直接補(bǔ)齊單引號(hào)等等,都非常方便。而對(duì)于每個(gè)模塊,其所有方法和成員變量也都能自動(dòng)顯示出來(lái),只不過(guò)不像require那樣會(huì)顯示說(shuō)明信息。
三、NTVS項(xiàng)目的調(diào)試
NTVS項(xiàng)目調(diào)試的方式與C#一樣,都是F5運(yùn)行并調(diào)試和Ctrl+F5只運(yùn)行不調(diào)試,其會(huì)自動(dòng)運(yùn)行已安裝的Node程序執(zhí)行當(dāng)前項(xiàng)目的代碼。對(duì)于Web Application項(xiàng)目并且使用了使用了http模塊的話,還會(huì)自動(dòng)打開瀏覽器訪問(wèn)指定的端口(可以在項(xiàng)目屬性中關(guān)閉)。需要說(shuō)明的是,對(duì)于Node.js項(xiàng)目,有且僅有一個(gè)啟動(dòng)文件(即使用node.exe執(zhí)行的文件,相當(dāng)于程序的Main()函數(shù)),程序從這個(gè)文件的開始執(zhí)行,默認(rèn)情況下項(xiàng)目創(chuàng)建后第一個(gè)創(chuàng)建的js文件為啟動(dòng)文件,啟動(dòng)文件用粗體表示。如果需要設(shè)置其他文件為啟動(dòng)文件,右鍵單擊選擇設(shè)置就可以了(如下圖) 。
在調(diào)試過(guò)程中,與其他項(xiàng)目一樣,都可以設(shè)置斷點(diǎn)、單步執(zhí)行以及監(jiān)視什么的都是可以用的,同時(shí)如果在程序代碼中拋出了異常,在調(diào)試過(guò)程中也會(huì)提示出來(lái)(如下圖)。
默認(rèn)情況下,所有異常都將提示,當(dāng)然也可以自己選擇哪些異常不提示。可以在提示了異常之后選擇“打開異常設(shè)置”,或者選擇“調(diào)試”菜單,選擇“異!保缦聢D:
四、NTVS項(xiàng)目的包管理
NTVS還提供了非常方便的包管理方式,就如同在C#項(xiàng)目中添加引用一樣方便的添加其他包。當(dāng)然也可以自己使用npm安裝相應(yīng)的包,然后在項(xiàng)目中使用,雖然調(diào)試運(yùn)行沒有問(wèn)題,不過(guò)這樣是沒有Intellisense提示的。所以,如果項(xiàng)目中需要其他的包,可以右鍵單擊npm,選擇“Manage npm Modules...”(如下圖),在npm包管理器中右側(cè)的包名稱中輸入包的名稱,然后點(diǎn)擊下方的本地安裝(為當(dāng)前項(xiàng)目安裝)就可以了,完成后會(huì)在左側(cè)出現(xiàn)已安裝的包,然后在項(xiàng)目中require也會(huì)出現(xiàn)相應(yīng)的包名,在使用包的時(shí)候也會(huì)有方法成員的提示等等。
安裝完包后就會(huì)在解決方案管理器的npm下出現(xiàn)相應(yīng)的包名,與C#項(xiàng)目添加引用類似。同時(shí),與執(zhí)行npm ls命令一樣,也是可以查看包的依賴關(guān)系的(如下圖)。
訪問(wèn)微軟Visual Studio官方網(wǎng)站,了解更多詳情,地址為:https://www.visualstudio.com/features/node-js-vs
關(guān)于騰牛 | 聯(lián)系方式 | 發(fā)展歷程 | 版權(quán)聲明 | 下載幫助(?) | 廣告聯(lián)系 | 網(wǎng)站地圖 | 友情鏈接
Copyright 2005-2022 QQTN.com 【騰牛網(wǎng)】 版權(quán)所有 鄂ICP備2022005668號(hào)-1 | 鄂公網(wǎng)安備 42011102000260號(hào)
聲明:本站非騰訊QQ官方網(wǎng)站 所有軟件和文章來(lái)自互聯(lián)網(wǎng) 如有異議 請(qǐng)與本站聯(lián)系 本站為非贏利性網(wǎng)站 不接受任何贊助和廣告