Угловая интеграция 2 cli в visual studio 2015

Question

Я пытаюсь создать приложение углового 2 в visual studio 2015 с использованием установки angular2 cli.

я сделал следующие шаги для настройки проекта

1. Выполните следующую команду, которая устанавливает консоль

   npm i -g angular-cli

2. Выполните следующую команду, которая создает файл и папку структуру

   ng new projectname

3. Выполните следующую команду, которая строит проект

   ng serve

По умолчанию углового-приложение подается на порт 4200. Поэтому, когда я исполняю http://localhost:4200, я могу видеть index.html страница отображается в браузере. Я понимаю, что он обслуживается через ng-сервер, а не IIS. Пожалуйста, поправьте меня, если я ошибаюсь. Если я скопирую папку и структуру файла и включу в свое визуальное решение студии и запустил его, я вижу, что визуальная студия использует свой собственный порт. Даже если я установил порт в 4200 в свойствах проекта и попытаюсь выполнить http://localhost:4200, он будет работать. Я считаю, что это происходит потому, что в настоящее время он находится в ведении IIS, и IIS не имеет понятия об этом приложении. Может кто-нибудь рассказать мне, как настроить его в реальном времени?

Я в основном пытаюсь внести изменения в html и выполнить код с помощью редактора visual studio 2015. Я не внес никаких изменений

Answer 1

Было бы полезно рассмотреть структуру вашего файла. Похоже, вы просто используете Visual Studio в качестве среды IDE. Если это правильно, я бы не стал беспокоиться об использовании зеленой кнопки воспроизведения. Вы должны запустить задачу для ее сборки, поэтому Task Runner будет вашим другом. Это или просто открыть консоль, и вы оттуда будете командами.

Я лично предпочитаю использовать только IDE, например визуальный код студии, но если вы должны использовать VS, тогда я рекомендую ссылку ниже.

Here is a good reference for running an Angular 2 project in Visual Studio without putting it in an ASP.NET project

Answer 2

Вот более подробный пример How To Use Angular CLI With Visual Studio 2017, который также работает с Visual Studio 2015.

Он подробно о том, как установить заранее сборки событие сборки проекта для запуска нг сборки. Кроме того, он показывает, как скопировать вывод CLI в веб-приложение ASP.NET, используя файл packages.json.