В данной статье мы рассмотрим подробную инструкцию по установке и настройке всех необходимых инструментов для создания нового проекта одностраничного (SPA — Single Page Application) web-приложения на базе платформы ASP.NET Core 2.0 с использованием фреймворка Angular 2.x в среде разработки Microsoft Visual Studio 2017.
Для начала необходимо убедиться, что установлены все необходимые компоненты для Visual Studio 2017


Заходим на сайт https://nodejs.org/, скачиваем и устанавливаем рекомендованную для большинства пользователей версию (LTS).

Создать папку проекта в проводнике.

Открываем консоль.
Win+R cmd

Переходим в папку проекта.
d: cd vs/angular2

Создаем новое приложение ASP.NET Core with Angular 2.x.
dotnet new angular

Восстанавливаем пакеты решения.
dotnet restore

Восстанавливаем пакеты NPM. Этот процесс займет немного времени.
npm install

После этого мы можем запустить созданное нами решение.
Angular2.csproj

В результате откроется среда разработки Visual Studio 2017. В обозревателе решения мы видим все созданные файлы проекта.

Запускаем проект для проверки его работы нажатием кнопки F5 (или нажатием кнопки Play) на локальном IIS Express сервере, и получаем следующий результат.

Обратите внимание, что во время первого запуска приложения брандмауэр Windows может потребовать разрешения на работу в сетях. Предоставляем доступ.
