Angular 2 CLI在Visual Studio 2015中的集成

汤姆

我正在尝试使用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编辑器执行代码。我没有反映任何变化

佩泽特

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

我个人更喜欢只使用IDE,例如Visual Studio代码,但是如果您必须使用VS,那么我建议您使用下面的链接。

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

使用Angular 4和Angular CLI运行Visual Studio 2017

在Visual Studio 2015中将VB.NET与Flash集成(社区)

我如何使angular2在带有TypeScript的Visual Studio 2015中工作?

带有tsconfig.json的Visual Studio 2015,Typescript和angular2

在Visual Studio中使用angular2

在Visual Studio 2015更新1中找不到模块'angular2 / core'

如何在Visual Studio Code中调试Angular2 TypeScript应用程序?

永久禁用Visual Studio 2015中的Git集成

Visual Studio 15 vs 2015 +更新2

在Visual Studio 2015中使用Angular 2配置SystemJS

带有Visual Studio 2015更新2的Angular 2 beta 13 /在保存时编译

Visual Studio 2015企业更新2 iso

无法在Visual Studio 2015中签署C ++ / CLI程序集

如何在Visual Studio 2015中正确设置Angular2和WebAPI 2.0并将其部署到IIS

Visual Studio在线持续集成Angular2

如何将MSYS2 Shell集成到Window上的Visual Studio代码中?

Angular CLI版本9.1.1的Visual Studio CODE中angular.json错误中的“属性不允许”

Visual Studio 2015中的Iostream

Nuget程序包HotTowel.Angular.Breeze在Visual Studio 2015中安装失败

Visual Studio 2015的HotTowel.Angular.Breeze

Git 2.6.3和Visual Studio 2013/2015集成

Freetype 2,Building Visual Studio 2015

无法在Visual Studio 2015中还原作用域Angular 2程序包

Visual Studio代码中Ionic2-Angular2应用程序的Typescript调试

Visual Studio 2015 Update 3中的Git集成中断

Angular2构建在Visual Studio Team Services中失败

在Visual Studio 2015中编译Angular 2应用程序时出错

如果要在 Visual Studio 2015 和 angular 2 中使用,如何正确安装 Typescript?

Angular 2 和 Ionic 2 与 Visual Studio