怎么使用NTVS

本篇內(nèi)容介紹了“怎么使用NTVS”的有關(guān)知識(shí)，在實(shí)際案例的操作過(guò)程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

就在你認(rèn)為Redmond不可能更瘋狂的時(shí)候，今天他們介紹了一個(gè) VS 插件工具，Visual Studio的node.js工具。

NTVS(Node.js Tools for Visual Studio) 運(yùn)行于VS2012

就在你認(rèn)為Redmond不可能更瘋狂的時(shí)候，今天他們介紹了一個(gè) VS 插件工具，Visual Studio的node.js工具。

NTVS(Node.js Tools for Visual Studio)  運(yùn)行于VS2012或者VS2013。一些node.js的愛(ài)好者已經(jīng)從PTVS(Python Tools for Visual Studio)轉(zhuǎn)向 并開(kāi)始為VS做些node工具。同時(shí)，PTVS團(tuán)隊(duì)也在node.js整合上下功夫，于是他們都專(zhuān)注于NTVS使之成為一個(gè)社區(qū)項(xiàng)目。NTVS是由給你帶 來(lái)PTVS的相同團(tuán)隊(duì)開(kāi)發(fā)的，并且得到了來(lái)自Red Gate的Bart Read(他開(kāi)發(fā)了Node Packaged Modules圖形用戶(hù)界 面)，來(lái)自Clickberry的Dmitry Tretyakov的幫助，他們做了一些調(diào)試與功能修復(fù)。

NTVS從開(kāi)始就是開(kāi)源的，并且從一開(kāi)始就采納貢獻(xiàn)。它支持編輯，智能感知，分析，npm(節(jié)點(diǎn)模塊封裝)，本地與遠(yuǎn)程調(diào)試(當(dāng)服務(wù)器運(yùn)行于Windows/MacOS/Linux)，以及發(fā)布到Azure網(wǎng)站和云服務(wù)。

他們?nèi)绾巫龅竭@些是相當(dāng)驚人的，所以我建議你下載并且試用它，因?yàn)槠渲械囊恍﹥?nèi)容(即使這里給出的只是最初版)是非常非常聰明的。

NTVS結(jié)合了V8分析應(yīng)用和Visual Studio的報(bào)告特性以告訴你你的程序哪里消耗它的時(shí)間。

提示：看到上面File|New Project的對(duì)話(huà)框了嗎？Visual Studio按照開(kāi)發(fā)語(yǔ)言組織類(lèi)型，所以node.js在 JavaScript分類(lèi)下。但你也注意到在Visual Studio中的Python，Django，C#分類(lèi)下的iOS和 Android，TypeScript，VB，F(xiàn)#等分類(lèi)。

讓我印象深刻的事之一是，他們將node.js整合進(jìn)Visual Studio中時(shí)并沒(méi)有新建或者重做已經(jīng)在Visual Studio中完善的 功能。這就是node，運(yùn)行在node.exe，使用V8調(diào)試器，使用V8分析器因?yàn)檫@些就是人們?cè)谑褂玫?。但是，例如，NTVS可以從V8分析器得到輸 出并且使用Visual Stuido分析報(bào)告工具顯示結(jié)果。沒(méi)必要推倒重來(lái)，只要使用合適的工具來(lái)完成工作。

使用NTVS完成Ghost博客引擎

讓我們來(lái)看個(gè)例子。

l 從http://nodejs.org下載并安裝node。

l 接下來(lái)，從https://ghost.org/download/下載Ghost并解壓縮到某地。

l 從install node for Visual Studio下載并安裝NTVS在Visual Studio根目錄。

l 可選項(xiàng)。安裝http://vswebessentials.com，因?yàn)樗鼤?huì)使VS中的網(wǎng)絡(luò)開(kāi)發(fā)更易展示。

從Visual Studio開(kāi)始，順序是File |New Project，點(diǎn)擊JavaScript，然后選擇“From Existing Node.js code”。

將NTVS指向你的Ghost目錄。

然后設(shè)置node.js開(kāi)始文件為index.js，點(diǎn)擊Next，保存項(xiàng)目文件并且完成。

這時(shí)，你已經(jīng)在VS中設(shè)置了Ghost。

隨記：自從我得到網(wǎng)頁(yè)要素后我也得到一個(gè)不錯(cuò)的好處—屏幕Markdown編輯器。

從這里，點(diǎn)擊F5就可以調(diào)試，或者Ctrl-F5直接開(kāi)始。當(dāng)然注意在右下角的工程屬性窗口中顯示的node路徑，端口還有開(kāi)始文件。你當(dāng)然可以修改它們。

這里我在本地運(yùn)行Ghost。你可以看到node的路徑，ghost.js文件和我的瀏覽器。

你將從方法簽名中獲取實(shí)現(xiàn)與幫助的提示。

調(diào)試

NTVS包含了對(duì)node應(yīng)用程序完整的調(diào)試支持。這包含了逐步調(diào)試，斷點(diǎn)調(diào)試，“異常中斷”，還有本地變量窗口，觀察窗口，即時(shí)窗口和調(diào)用棧工具窗口。

你可以像其他語(yǔ)言的服務(wù)一樣處理異常?？聪旅娴膶?duì)話(huà)框，node.js異常和其他異常列在處理與未處理代碼的分類(lèi)中。

通過(guò)node V8調(diào)試器，調(diào)試始終如它通常的方式運(yùn)行。除非Visual Studio通過(guò)另外的套接字連接調(diào)試器(記住，你甚至可以在Linux或者M(jìn)ac系統(tǒng)中像這樣遠(yuǎn)程運(yùn)行調(diào)試node.js)并且將V8如何做調(diào)試轉(zhuǎn)義為Visual Studio如何做調(diào)試。這種感受是無(wú)縫銜接的。

通過(guò)這個(gè)截圖，你可以看到node.exe已經(jīng)被調(diào)試了，我運(yùn)行了Ghost。你可以看到我的調(diào)用棧和本地變量在觀察窗口。我可以查看變量，分步調(diào)試并且在你調(diào)試一個(gè)網(wǎng)絡(luò)應(yīng)用程序的時(shí)候做任何你想做的事。

NPMVISUAL STUDIO

使用npm的體驗(yàn)也是相當(dāng)酷。NTVS始終監(jiān)視文件系統(tǒng)，所以以命令行或者節(jié)點(diǎn)直接窗口方式運(yùn)行npm的話(huà)是更受歡迎的方式，Visual Studio中將看到變化。

你也可以使用npm包管理對(duì)話(huà)框并且搜尋庫(kù)，圖形化安裝包。這取決于你。

這是一個(gè)包在安裝中…

物理上的節(jié)點(diǎn)模塊和這些模塊的操作是純代碼化的…VS并不涉及或者說(shuō)關(guān)心它。但是，Visual Studio的解決方案資源管理器(Solution Explorer)中也以邏輯視圖呈現(xiàn)物理視圖。

提示：我很喜歡這點(diǎn)。我認(rèn)為它有潛力，我更喜歡.NET的引用也如此處理。物理的和邏輯的依賴(lài)樹(shù)顯示了NuGet包。這幫助我更好地理解項(xiàng)目。

還有更多。有個(gè)REPL互動(dòng)窗口，你可以如其他網(wǎng)絡(luò)工程一樣，與ASP.NET工程使用相同的發(fā)布向?qū)?lái)發(fā)布網(wǎng)絡(luò)工程。你也可以直接發(fā)布node.js應(yīng)用程序到Azure，使用Git或者Visual Studio發(fā)布。

你也可以在其它機(jī)器遠(yuǎn)程調(diào)試node實(shí)例，通過(guò)引入遠(yuǎn)程調(diào)試代理來(lái)啟動(dòng)node。

“怎么使用NTVS”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！