AspNetCore with Angular Environment Setup

AspNetCore with Angular Environment Setup.md

AspNetCore with Angular Environment Setup

Prerequistes

• .NET Core
• Node.js

Getting started

1. To install the Single Page Application (SPA) templates, run the following command:

   dotnet new --install Microsoft.AspNetCore.SpaTemplates::*
   

2. Create Project with dotnet CLI

   cd ./project-folder-path
   dotnet new angular
   

3. Restore Project

   dotnet restore
   npm install
   

4. Set an environment variable to tell ASP.NET to run in development mode:

   • If you’re using PowerShell in Windows, execute $Env:ASPNETCORE_ENVIRONMENT = "Development"
   • If you’re using cmd.exe in Windows, execute setx ASPNETCORE_ENVIRONMENT "Development", and then restart your command prompt to make the change take effect
   • If you’re using Mac/Linux, execute export ASPNETCORE_ENVIRONMENT=Development

5. Run & Open localhost:5000

   dotnet run
   

Invoking Webpack manually

webpack --config webpack.config.vendor.js 
webpack

Referrences

• Building Single Page Applications on ASP.NET Core with JavaScriptServices