В данной статье мы рассмотрим подробную инструкцию по установке и настройке всех необходимых инструментов для создания нового проекта одностраничного (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 может потребовать разрешения на работу в сетях. Предоставляем доступ.