Visual Studio 2015 中的 Angular 2 cli 集成

2024-02-18

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

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


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

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

这是在 Visual Studio 中运行 Angular 2 项目而不将其放入 ASP.NET 项目的一个很好的参考 https://viveklakhanpal.wordpress.com/2016/05/02/angular2-5min-quickstart-project-setup-with-visual-studio-2015/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Visual Studio 2015 中的 Angular 2 cli 集成 的相关文章