Angular 2 cli 集成 visual studio 2015

Question

我正在尝试使用 angular2 cli 设置在 visual studio 2015 年创建一个 angular 2 应用程序。

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

1. 执行以下命令安装cli

   npm i -g angular-cli

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

   ng new projectname

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

   ng serve

默认情况下，angular 2 应用程序在端口 4200 上提供服务。因此，当我执行 http://localhost:4200 , I can see the index.html page is served on the browser. I understand that it is served via ng server and not IIS. Please correct me if I am wrong. If i copy the folder and file structure and include in my visual studio solution and run it, I see that visual studio uses its own port. Even if I set the port to 4200 in the project properties and try and execute http://localhost:4200 时，它不起作用。我相信这是因为它现在由 IIS 托管，而 IIS 对此应用程序一无所知。有人可以告诉我如何在实时场景中进行设置吗

我主要是尝试在 html 中进行更改并使用 visual studio 2015 编辑器执行代码。我没有反映任何变化

Answer 1

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

我个人更喜欢只使用 IDE，比如 visual studio 代码，但如果你必须使用 VS，那么我推荐下面的 link。

Here is a good reference for running an Angular 2 project in Visual Studio without putting it in an ASP.NET project

Answer 2

这里是 How To Use Angular CLI With Visual Studio 2017 的更详细示例，它也适用于 Visual Studio 2015。

它详细介绍了如何将项目的构建前构建事件设置为 运行 ng 构建。此外，它还展示了如何使用 packages.json 文件将 CLI 输出复制到 ASP.NET 网络应用程序中。