Создать автономный угловой проект в Visual Studio

Question

Моя компания преимущественно использует Visual Studio (в настоящее время 2017) для всех разработок благодаря простой интеграции с DevOps Azure для контроля версий и т. Д.

Меня попросили начать создавать корпоративные приложения с Angular с использованием бэкэнда .NET Core Web API.

Я уже начал работу с Web API и теперь хочу создать внешний интерфейс Angular.

Q. Как я могу создать отдельный проект Angular в Visual Studio. Я не хочу, чтобы мой код Angular находился в том же проекте веб-API (как это пытается сделать шаблон Visual Studio)

Ранее я создавал приложения Angular в VS Code, но я все же нашел удобное расширение, позволяющее мне вносить изменения в код репозитория DevOps Azure.

Извините, если на этот вопрос уже был дан ответ, но я не смог найти ответ.

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-приложения для указания вашего локального веб-API для разработки. Мы выполняем это с помощью файла config.json, который загружается из ConfigService в Angular, делая что-то вроде . Наш config.json выглядит примерно так:

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

Вы бы изменили это, очевидно, для производства. Не уверен, что это то, что вы ищете, но, может быть, дает вам некоторые идеи?