最近準(zhǔn)備用Node.js做些東西，于是找找看能否有Visual Studio上的插件以方便開發(fā)。結(jié)果還真找到了一個(gè)，來(lái)自微軟的Node.js Tools for Visual Studio（NTVS），雖然現(xiàn)在僅發(fā)布了1.0 Alpha版本，但使用起來(lái)已經(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。
【系列索引】
- 在Visual Studio上開發(fā)Node.js程序——NTVS介紹及使用
- 在Visual Studio上開發(fā)Node.js程序(2)——NTVS遠(yuǎn)程調(diào)試及發(fā)布到Azure
【文章索引】
- NTVS介紹與安裝
- NTVS項(xiàng)目創(chuàng)建和使用
- NTVS項(xiàng)目的調(diào)試
- NTVS項(xiàng)目的包管理
【一、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è)與其他的類似，只不過已經(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è)模塊的作用和說明（如下圖），然后鍵入回車可以直接補(bǔ)齊單引號(hào)等等，都非常方便。而對(duì)于每個(gè)模塊，其所有方法和成員變量也都能自動(dòng)顯示出來(lái)，只不過不像require那樣會(huì)顯示說明信息。
【三、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)打開瀏覽器訪問指定的端口（可以在項(xiàng)目屬性中關(guān)閉）。需要說明的是，對(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)試過程中，與其他項(xiàng)目一樣，都可以設(shè)置斷點(diǎn)、單步執(zhí)行以及監(jiān)視什么的都是可以用的，同時(shí)如果在程序代碼中拋出了異常，在調(diào)試過程中也會(huì)提示出來(lái)（如下圖）。
默認(rèn)情況下，所有異常都將提示，當(dāng)然也可以自己選擇哪些異常不提示。可以在提示了異常之后選擇“打開異常設(shè)置”，或者選擇“調(diào)試”菜單，選擇“異常”，如下圖：
【四、NTVS項(xiàng)目的包管理】
NTVS還提供了非常方便的包管理方式，就如同在C#項(xiàng)目中添加引用一樣方便的添加其他包。當(dāng)然也可以自己使用npm安裝相應(yīng)的包，然后在項(xiàng)目中使用，雖然調(diào)試運(yùn)行沒有問題，不過這樣是沒有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)系的（如下圖）。
【相關(guān)鏈接】
- Introducing node.js Tools for Visual Studio：http://www.hanselman.com/blog/IntroducingNodejsToolsForVisualStudio.aspx
- [Visual Studio]NTVS - Node.js Tools For Visual Studio Bootcamp：http://www.dotblogs.com.tw/blackie1019/archive/2013/12/27/136557.aspx
- Microsoft Joins Forces with RedGate and Clickberry to Offer Node.js Tools for Visual Studio：http://www.infoq.com/news/2013/12/NTVS