在Visual Studio上開發Node.js程序

【題外話】

最近準備用Node.js作些東西，因而找找看可否有Visual Studio上的插件以方便開發。結果還真找到了一個，來自微軟的Node.js Tools for Visual Studio（NTVS），雖然如今僅發佈了1.0 Alpha版本，但使用起來已經很是方便。並且，其開發團隊與Python Tools for Visual Studio（PTVS）是同一個，而PTVS就是Visual Studio 2013中要建立自帶的Python項目須要安裝的那個程序，因此大可放心的使用NTVS。

 

【系列索引】

1. 在Visual Studio上開發Node.js程序——NTVS介紹及使用
2. 在Visual Studio上開發Node.js程序(2)——NTVS遠程調試及發佈到Azure

 

【文章索引】

1. NTVS介紹與安裝
2. NTVS項目建立和使用
3. NTVS項目的調試
4. NTVS項目的包管理

 

【1、NTVS介紹與安裝】

從其官網（http://nodejstools.codeplex.com）上能夠找到其介紹，NTVS是一個使Visual Studio成爲Node.js集成開發環境的免費、開源的插件，NTVS支持編輯、Intellisense、Profiling、npm包管理器、本地以及遠程調試（Windows、MacOS及Linux），同時其支持Windows Azure網站及雲服務。

總之，該有的都有了。若是要安裝NTVS的話，須要VS 2013或2012 Update4的Professional（或Test Professional）、Premium或Ultimate版本，同時須要安裝有Node.js的0.10.20或以上的版本，有了這些準備後，就能夠去官網下載安裝包進行安裝了，須要注意的是，VS 2013和2012的安裝包是各自獨立的。

安裝完成後，就會在Visual Studio的JavaScript類型中多出如下的項目類型：

 

【2、NTVS項目建立和使用】

對於Node.js而言，項目類型並不像.NET項目有這麼多不一樣的類型，每種之間的開發環境等還有差別。對於上面的Blank Node.js Console Application和Web Application兩個項目而言，無非就是前者模板的代碼只提供了在控制檯輸出Hello World的代碼；然後者則用Node.js建立了一個Http服務器，併爲每一個請求都輸出Hello World罷了，即實現了一個簡單的Web應用程序。而Express Application則是使用Node.js上的Express框架+Jade模板引擎+Stylus實現了一個小的Web應用程序。而剩下的第一個項目則是從已有的Node.js項目中建立，後兩個與其餘的相似，只不過已經配置好了腳本和配置文件等能夠直接部署到Windows Azure中。

項目建立後與Visual Studio的C#等項目沒有太大區別，Intellisense功能也很是強大，敲入require的時候會提示全部的模塊名稱，同時選擇每一個模塊的時候會提示這個模塊的做用和說明（以下圖），而後鍵入回車能夠直接補齊單引號等等，都很是方便。而對於每一個模塊，其全部方法和成員變量也都能自動顯示出來，只不過不像require那樣會顯示說明信息。

 

【3、NTVS項目的調試】

NTVS項目調試的方式與C#同樣，都是F5運行並調試和Ctrl+F5只運行不調試，其會自動運行已安裝的Node程序執行當前項目的代碼。對於Web Application項目而且使用了使用了http模塊的話，還會自動打開瀏覽器訪問指定的端口（能夠在項目屬性中關閉）。須要說明的是，對於Node.js項目，有且僅有一個啓動文件（即便用node.exe執行的文件，至關於程序的Main()函數），程序從這個文件的開始執行，默認狀況下項目建立後第一個建立的js文件爲啓動文件，啓動文件用粗體表示。若是須要設置其餘文件爲啓動文件，右鍵單擊選擇設置就能夠了（以下圖） 。

在調試過程當中，與其餘項目同樣，均可以設置斷點、單步執行以及監視什麼的都是能夠用的，同時若是在程序代碼中拋出了異常，在調試過程當中也會提示出來（以下圖）。

默認狀況下，全部異常都將提示，固然也能夠本身選擇哪些異常不提示。能夠在提示了異常以後選擇「打開異常設置」，或者選擇「調試」菜單，選擇「異常」，以下圖：

 

【4、NTVS項目的包管理】

NTVS還提供了很是方便的包管理方式，就如同在C#項目中添加引用同樣方便的添加其餘包。固然也能夠本身使用npm安裝相應的包，而後在項目中使用，雖然調試運行沒有問題，不過這樣是沒有Intellisense提示的。因此，若是項目中須要其餘的包，能夠右鍵單擊npm，選擇「Manage npm Modules...」（以下圖），在npm包管理器中右側的包名稱中輸入包的名稱，而後點擊下方的本地安裝（爲當前項目安裝）就能夠了，完成後會在左側出現已安裝的包，而後在項目中require也會出現相應的包名，在使用包的時候也會有方法成員的提示等等。

安裝完包後就會在解決方案管理器的npm下出現相應的包名，與C#項目添加引用相似。同時，與執行npm ls命令同樣，也是能夠查看包的依賴關係的（以下圖）。

 

【相關連接】

1. Introducing node.js Tools for Visual Studio：http://www.hanselman.com/blog/IntroducingNodejsToolsForVisualStudio.aspx
2. [Visual Studio]NTVS - Node.js Tools For Visual Studio Bootcamp：http://www.dotblogs.com.tw/blackie1019/archive/2013/12/27/136557.aspx
3. Microsoft Joins Forces with RedGate and Clickberry to Offer Node.js Tools for Visual Studio：http://www.infoq.com/news/2013/12/NTVS