9

我正在尝试使用 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时，我可以看到 index.html 页面在浏览器上提供。我知道它是通过 ng 服务器而不是 IIS 提供的。如果我错了，请纠正我。如果我复制文件夹和文件结构并包含在我的 Visual Studio 解决方案中并运行它，我看到 Visual Studio 使用它自己的端口。即使我在项目属性中将端口设置为 4200 并尝试执行http://localhost:4200，它也不起作用。我相信这是因为它现在由 IIS 托管，而 IIS 对此应用程序一无所知。有人可以告诉我如何在实时场景中进行设置

我基本上是在尝试更改 html 并使用 Visual Studio 2015 编辑器执行代码。我没有反映任何变化

4

2 回答 2

3

下面是如何在 Visual Studio 2017中使用 Angular CLI 的更详细示例，该示例也适用于 Visual Studio 2015。

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

于 2017-08-17T15:58:59.857 回答
3

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

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

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

于 2017-01-04T20:08:40.523 回答