使用Visual Studio 2017开发和调试angular7项目

Question

我使用ng new my-app命令（由https://angular.io/guide/setup-local给出的指令）创建了angular7项目。 我是Visual Studio迷，我想使用Visual Studio 2017 （不带Visual Studio代码）进一步开发和调试此应用程序。

我尝试了Visual Studio。

  

文件->打开->网站（并打开了应用程序文件夹）

但是当我点击“开始调试”或“不进行调试就开始”时， “ HTTP错误403.14-禁止访问” 页面

我知道Visual Studio中有一个单独的选项可以创建Angular应用程序，但是它将创建带有一些c＃和.net绑定的angular应用程序。我不需要，我需要的是带有纯HTML的纯Angular7应用。

是否需要进行任何配置才能通过Visual Studio调试和运行该应用程序？

Answer 1

您可以从here安装Angular CLI模板：

这是在Visual Studio 2017中创建Angular CLI应用程序的两个单独模板的集合。有一个模板可将Angular CLI添加到现有的ASP.NET Core项目中。它称为项目模板。另一个模板将Angular CLI应用程序创建为静态网站项目。它称为项目模板。

Answer 2

您可以使用此模板使用.Net Core创建Angular项目

要调试打字稿，您可以遵循此link。很长，所以我无法为您提供详细信息。

欢呼

Answer 3

在CMD中打开网站文件夹路径。输入“ npm start”。转到您的文件，然后键入debugger;