2015年视觉工作室中的Angular 2 cli集成

Question

我正在尝试使用angular2 cli设置在visual studio 2015中创建角度2应用程序.

我已完成以下步骤来设置项目

1. 执行以下安装cli的命令

   npm i -g angular-cli

2. 执行以下用于创建文件和文件夹结构的命令

   ng new projectname

3. 执行以下用于构建项目的命令

   ng serve

默认情况下,角度2应用程序在端口4200上提供.因此,当我执行http:// localhost:4200时,我可以看到index.html页面在浏览器上提供.我知道它是通过ng服务器而不是IIS提供的.如果我错了,请纠正我.如果我复制文件夹和文件结构并包含在我的visual studio解决方案中并运行它,我看到visual studio使用自己的端口.即使我在项目属性中将端口设置为4200并尝试执行http:// localhost:4200,它也能完成工作.我相信这是因为它现在由IIS托管,IIS不知道这个应用程序.有人可以告诉我如何在实时场景中进行设置

我基本上试图在html中进行更改并使用visual studio 2015编辑器执行代码.我没有反映任何变化

Answer 1

查看文件结构会很有帮助。听起来您只是将 Visual Studio 用作 IDE。如果这是正确的，我就不会担心使用绿色播放按钮。您必须运行任务才能构建它，因此任务运行器将是您的朋友。或者只是打开控制台并从那里执行命令。

我个人更喜欢只使用 IDE，例如 Visual Studio Code，但如果您必须使用 VS，那么我推荐下面的链接。

这是在 Visual Studio 中运行 Angular 2 项目而不将其放入 ASP.NET 项目的一个很好的参考