当前位置: 首页 > 科技观察

NTVS:一个将VisualStudio变成Node.jsIDE的工具

时间:2023-03-12 22:55:57 科技观察

就在您认为Redmond不能更疯狂的时候,今天他们推出了一个VS插件工具,Node.jsToolsforVisualStudio。NTVS(用于VisualStudio的Node.jsTools)运行在VS2012就在你认为Redmond不能更疯狂的时候,今天他们推出了一个VS插件工具,用于VisualStudio的Node.js工具。NTVS(Node.jsToolsforVisualStudio)在VS2012或VS2013上运行。一些node.js爱好者已经从PTVS(PythonToolsforVisualStudio)转过来,开始做一些VS的node工具。同时,PTVS团队也在致力于node.js的集成,所以他们都专注于让NTVS成为一个社区项目。在RedGate的BartRead(开发了NodePackagedModulesGUI)和Clickberry的DmitryTretyakov的帮助下,NTVS由为您带来PTVS的同一个团队开发,他进行了一些调试和功能修复。NTVS从一开始就是开源的,并且从一开始就接受贡献。它支持编辑、intellisense、profiling、npm(节点模块打包)、本地和远程调试(当服务器运行在Windows/MacOS/Linux上时),以及发布到Azure网站和云服务。他们的做法令人惊叹,所以我建议您下载并尝试一下,因为其中一些(即使它只是此处给出的原始版本)非常非常聪明。NTVS将V8分析应用程序与VisualStudio的报告功能相结合,可以告诉您程序将时间花在哪里。提示:您看到上面的文件|新建项目对话框了吗?VisualStudio按开发语言组织类型,因此node.js属于JavaScript类别。但是你也注意到VisualStudio中Python、Django、C#类别下的iOS和Android、TypeScript、VB、F#等类别。对我来说最突出的一件事是他们将node.js集成到VisualStudio中,而无需创建或重做VisualStudio中已经建立的功能。那是节点,在node.exe上运行,使用V8调试器,使用V8分析器,因为人们正在使用它。但是,例如,NTVS可以从V8分析器获取输出并使用VisualStuido分析报告工具来显示结果。无需重新发明轮子,只需使用正确的工具即可。使用NTVS完成Ghost博客引擎我们来看一个例子。l从http://nodejs.org下载并安装node。l接下来,从https://ghost.org/download/下载Ghost并解压到某个地方。l从VisualStudio根目录下的installnodeforVisualStudio下载并安装NTVS。l可选。安装http://vswebessentials.com,因为它将使VS中的Web开发更具表现力。在VisualStudio中,转到文件|新建项目,单击JavaScript,然后选择“FromExistingNode.jscode”。将NTVS指向您的Ghost目录。然后设置node.js启动文件为index.js,点击下一步,保存项目文件,完成。#p#至此,你已经在VS中设置了Ghost。旁注:因为我得到了web元素,所以我还得到了一个不错的奖励——屏幕上的Markdown编辑器。在这里,按F5进行调试,或按Ctrl-F5直接启动。当然要注意右下角项目属性窗口中显示的节点路径、端口和启动文件。您当然可以修改它们。这里我在本地运行Ghost。你可以看到节点的路径、ghost.js文件和我的浏览器。您将从方法签名中获得实现和帮助提示。调试NTVS包括对节点应用程序的完整调试支持。这包括逐步调试、断点调试、“异常中断”,以及局部变量窗口、监视窗口、即时窗口和调用堆栈工具窗口。您可以像其他语言的服务一样处理异常。查看下面的对话框,node.js异常和其他异常列在已处理和未处理代码的类别中。使用nodeV8调试器,调试始终按正常方式进行。除非VisualStudio通过另一个套接字连接到调试器(请记住,您甚至可以在Linux或Mac系统上像这样远程运行和调试node.js)并将V8的调试方式转义为VisualStudio的调试方式。感觉天衣无缝。从这个截图可以看到已经调试好了node.exe,我运行的是Ghost。您可以在监视窗口中看到我的调用堆栈和局部变量。在调试Web应用程序时,我可以查看变量、单步执行并执行任何你想做的事情。在NPMVISUALSTUDIO中使用npm的体验也是相当爽的。NTVS始终监控文件系统,因此从命令行或节点直接窗口运行npm是首选,您将在VisualStudio中看到更改。您还可以使用npm包管理对话框并搜索存储库以图形方式安装包。由你决定。#p#这是安装中的包...物理节点模块和这些模块的操作是纯代码...VS不接触也不关心它。但是,VisualStudio的解决方案资源管理器(SolutionExplorer)也将物理视图呈现为逻辑视图。提示:我喜欢这个。我认为它有潜力,而且我更喜欢这样处理.NET引用。显示NuGet包的物理和逻辑依赖关系树。这有助于我更好地了解该项目。还有更多。有一个REPL交互窗口,您可以像其他Web项目一样使用与ASP.NET项目相同的发布向导来发布Web项目。您还可以使用Git或VisualStudio将node.js应用程序直接发布到Azure。也可以通过引入远程调试代理启动node,远程调试其他机器上的node实例。原文链接:http://www.hanselman.com/blog/IntroducingNodejsToolsForVisualStudio.aspx翻译链接:http://blog.jobbole.com/53241/