成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

NTVS:把Visual Studio變成Node.js IDE 的工具

開發 開發工具 前端
就在你認為Redmond不可能更瘋狂的時候,今天他們介紹了一個 VS 插件工具,Visual Studio的node.js工具。

image_7549c9be-f3c6-4d80-bbf4-ef8e0a201a0a

就在你認為Redmond不可能更瘋狂的時候,今天他們介紹了一個 VS 插件工具,Visual Studio的node.js工具。

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

就在你認為Redmond不可能更瘋狂的時候,今天他們介紹了一個 VS 插件工具,Visual Studio的node.js工具。

NTVS(Node.js Tools for Visual Studio) 運行于VS2012或者VS2013。一些node.js的愛好者已經從PTVS(Python Tools for Visual Studio)轉向 并開始為VS做些node工具。同時,PTVS團隊也在node.js整合上下功夫,于是他們都專注于NTVS使之成為一個社區項目。NTVS是由給你帶 來PTVS的相同團隊開發的,并且得到了來自Red Gate的Bart Read(他開發了Node Packaged Modules圖形用戶界 面),來自Clickberry的Dmitry Tretyakov的幫助,他們做了一些調試與功能修復。

NTVS從開始就是開源的,并且從一開始就采納貢獻。它支持編輯,智能感知,分析,npm(節點模塊封裝),本地與遠程調試(當服務器運行于Windows/MacOS/Linux),以及發布到Azure網站和云服務。

他們如何做到這些是相當驚人的,所以我建議你下載并且試用它,因為其中的一些內容(即使這里給出的只是最初版)是非常非常聰明的。

image_c45fe255-b64f-4d8e-af8b-052b48439c89

NTVS結合了V8分析應用和Visual Studio的報告特性以告訴你你的程序哪里消耗它的時間。

提示:看到上面File|New Project的對話框了嗎?Visual Studio按照開發語言組織類型,所以node.js在 JavaScript分類下。但你也注意到在Visual Studio中的Python,Django,C#分類下的iOS和 Android,TypeScript,VB,F#等分類。

讓我印象深刻的事之一是,他們將node.js整合進Visual Studio中時并沒有新建或者重做已經在Visual Studio中完善的 功能。這就是node,運行在node.exe,使用V8調試器,使用V8分析器因為這些就是人們在使用的。但是,例如,NTVS可以從V8分析器得到輸 出并且使用Visual Stuido分析報告工具顯示結果。沒必要推倒重來,只要使用合適的工具來完成工作。

使用NTVS完成Ghost博客引擎

讓我們來看個例子。

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

l 接下來,從https://ghost.org/download/下載Ghost并解壓縮到某地。

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

l 可選項。安裝http://vswebessentials.com,因為它會使VS中的網絡開發更易展示。

從Visual Studio開始,順序是File |New Project,點擊JavaScript,然后選擇“From Existing Node.js code”。

image_5322e4b0-7cfb-4660-a459-723a960100d6

將NTVS指向你的Ghost目錄。

image_774ec272-bc5f-4d97-af49-fccea245c0ed

然后設置node.js開始文件為index.js,點擊Next,保存項目文件并且完成。

image_fd0d1d7b-488f-4dfb-9073-9f0133300b54

#p#

這時,你已經在VS中設置了Ghost。

隨記:自從我得到網頁要素后我也得到一個不錯的好處—屏幕Markdown編輯器。

從這里,點擊F5就可以調試,或者Ctrl-F5直接開始。當然注意在右下角的工程屬性窗口中顯示的node路徑,端口還有開始文件。你當然可以修改它們。

image_4670f6ce-d94f-475a-aa16-9bce065712d4

 

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

image_4dc805cd-cbeb-4b73-b833-448c42cd13af

你將從方法簽名中獲取實現與幫助的提示。

image_84596d79-5ca2-4442-a6fb-7a7c3a94139b

調試

NTVS包含了對node應用程序完整的調試支持。這包含了逐步調試,斷點調試,“異常中斷”,還有本地變量窗口,觀察窗口,即時窗口和調用棧工具窗口。

你可以像其他語言的服務一樣處理異常??聪旅娴膶υ捒颍琻ode.js異常和其他異常列在處理與未處理代碼的分類中。

image_9ef30b1a-20c5-48f1-8f3d-c2922eb2f2ba

通過node V8調試器,調試始終如它通常的方式運行。除非Visual Studio通過另外的套接字連接調試器(記住,你甚至可以在Linux或者Mac系統中像這樣遠程運行調試node.js)并且將V8如何做調試轉義為Visual Studio如何做調試。這種感受是無縫銜接的。

通過這個截圖,你可以看到node.exe已經被調試了,我運行了Ghost。你可以看到我的調用棧和本地變量在觀察窗口。我可以查看變量,分步調試并且在你調試一個網絡應用程序的時候做任何你想做的事。

 

image_fe04bca3-0bd0-473f-9f04-2eb7a162dd6b21

NPMVISUAL STUDIO

使用npm的體驗也是相當酷。NTVS始終監視文件系統,所以以命令行或者節點直接窗口方式運行npm的話是更受歡迎的方式,Visual Studio中將看到變化。

你也可以使用npm包管理對話框并且搜尋庫,圖形化安裝包。這取決于你。

image_ce485570-fd51-4a3b-a976-16e9b736f5b3

#p#

這是一個包在安裝中…

image_5869ebb4-3a88-4c5a-a3d6-41d22ed0dcb4

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

image_b210757b-6f47-4135-a92a-b295fb85325c

提示:我很喜歡這點。我認為它有潛力,我更喜歡.NET的引用也如此處理。物理的和邏輯的依賴樹顯示了NuGet包。這幫助我更好地理解項目。

還有更多。有個REPL互動窗口,你可以如其他網絡工程一樣,與ASP.NET工程使用相同的發布向導來發布網絡工程。你也可以直接發布node.js應用程序到Azure,使用Git或者Visual Studio發布。

你也可以在其它機器遠程調試node實例,通過引入遠程調試代理來啟動node。

image_3b0a9fad-b403-47b7-b94d-0cf6471fa7426

原文鏈接:http://www.hanselman.com/blog/IntroducingNodejsToolsForVisualStudio.aspx

譯文鏈接:http://blog.jobbole.com/53241/

責任編輯:陳四芳 來源: 伯樂在線
相關推薦

2014-02-14 10:48:32

Visual StudNode.js

2017-04-18 09:27:14

Visual StudNode.js調試

2009-11-10 10:24:28

Visual Stud

2019-07-09 14:50:15

Node.js前端工具

2022-06-04 07:21:19

requireJSNode.js

2014-02-19 16:28:53

Node.jsWeb工具

2013-11-01 09:34:56

Node.js技術

2015-03-10 10:59:18

Node.js開發指南基礎介紹

2020-11-11 10:09:06

Node.jsPromise前端

2021-12-25 22:29:57

Node.js 微任務處理事件循環

2012-02-03 09:25:39

Node.js

2020-05-29 15:33:28

Node.js框架JavaScript

2011-09-08 13:46:14

node.js

2011-11-01 10:30:36

Node.js

2011-09-02 14:47:48

Node

2011-09-09 14:23:13

Node.js

2011-11-10 08:55:00

Node.js

2012-10-24 14:56:30

IBMdw

2018-06-11 14:39:57

前端腳手架工具node.js

2018-08-30 16:08:37

Node.js腳手架工具
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 91在线精品视频 | 国产亚洲精品久久久久动 | 日本精品久久 | 日韩欧美国产精品一区二区 | 男人天堂网站 | 91免费看片| 亚洲二区视频 | 免费视频二区 | 五月激情综合 | 国产精品国产精品国产专区不卡 | 亚洲午夜在线 | 欧美综合国产精品久久丁香 | 天天操人人干 | 久久久久网站 | 中文字幕在线观看日韩 | 国产一区二区三区在线免费观看 | 欧美日本免费 | 伊人在线| 欧美极品在线观看 | 毛片一级片 | 国产精品自拍视频 | 欧美日韩国产综合在线 | 九九精品在线 | av黄色在线观看 | 欧美国产视频 | 国产传媒| 一区二区高清不卡 | 国产成人精品午夜视频免费 | 欧美成人性生活 | 欧美精品二区 | 老牛影视av一区二区在线观看 | 日韩在线综合 | 亚洲精品在线视频 | 亚洲 成人 av | 九九av| 国产精品乱码一区二三区小蝌蚪 | 日韩一区和二区 | 日韩免费av| 欧美激情国产日韩精品一区18 | 国产一区二区日韩 | 久久精品99 |