在 Visual Studio 中创建独立的 Angular 项目

【问题标题】：Create Standalone Angular Project in Visual Studio在 Visual Studio 中创建独立的 Angular 项目
【发布时间】：2019-03-19 00:01:23
【问题描述】：

我的公司主要使用 Visual Studio（目前是 2017 年）进行所有开发，因为它易于与 Azure DevOps 集成以进行源代码控制等。

我被要求开始研究使用 .NET Core Web API 后端使用 Angular 构建企业应用程序。

我已经开始使用 Web API，现在我想构建 Angular 前端。

问。如何在 Visual Studio 中创建单独的 Angular 项目。我不希望我的 Angular 代码位于同一个 Web API 项目中（Visual Studio 模板如何尝试这样做）

我之前在 VS Code 中构建了 Angular 应用程序，但我还没有找到一个方便的扩展来允许我将代码更改推送到 Azure DevOps 存储库。

对不起，如果之前已经回答过这个问题，但我无法找到答案。

【问题讨论】：

标签： angular visual-studio-2017

【解决方案1】：

可能有很多方法可以做到这一点，但这是我的做法：

project
  backend
     backend.sln
     backend (folder with your vanilla Web API project)
  frontend
     angular.json
     package.json
     src (folder with your Angular CLI project)

因此，从创建的角度来看，您只需执行类似（使用 Windows）的操作

mkdir project

cd project

dotnet new webapi backend -o backend

ng new frontend

最后一点是将您的 Angular 应用程序配置为指向您的本地 Web api 以进行开发。我们通过一个 config.json 文件来实现这一点，该文件从 Angular 中的 ConfigService doing something like this 加载。我们的config.json 看起来像这样：

{
  "environment": "DEV",
  "apiUrl": "http://localhost:17967/",
}

显然，为了生产，你会改变它。不确定这就是您要寻找的东西，但也许会给您一些想法？

【讨论】：