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

【问题标题】：Develop and debug angular7 project using Visual Studio 2017使用 Visual Studio 2017 开发和调试 angular7 项目
【发布时间】：2019-06-02 04:26:20
【问题描述】：

我使用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 调试和运行应用程序？

【问题讨论】：

要通过文本编辑器调试 typescript，您需要一个运行 source maps=true 的节点服务器。当您点击调试按钮时，Visual Studio 默认不会这样做。也不要进入这个兔子洞，只是不要对自己这样做。反正到头来也不值得。 Visual Studio 代码非常适合 Angular 开发。从长期在两种代码编辑器中工作的 Angular 开发人员那里得到它，vscode 是迄今为止更好的工作工具。好好学习 angular cli，因为它可以成为你最好的新朋友

标签： c# angular typescript asp.net-core ecmascript-6

【解决方案1】：

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

要调试打字稿，您可以关注link。太长了，没法给你详细介绍。

干杯

【讨论】：

感谢您的回复。通过这种方式，它将创建一个带有一些 .netCore 绑定的 C#.netCore 应用程序的 Angular 应用程序。我需要的只是一个纯 html 角度应用程序。
然后就可以使用Angular CLi了

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

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

【讨论】：