Question

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

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

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

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

以前我已经在VS Code中构建了Angular应用，但是我还找到了一个方便的扩展，可以将代码更改推送到Azure DevOps存储库中。

对不起，如果以前已经回答过，但是我找不到答案。

Answer 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 doing something like this中的ConfigService加载的。我们的config.json看起来像这样：

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

很明显，您会为生产而更改它。不确定这是您要找的东西，但是也许可以给您一些想法？

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

1 个答案: