How to create Angular 8 project in Visual Studio 2019?

In my previous post I showed how to install jQuery into an Angular 8 project.

This article is related to Angular too and describes how to create Angular 8 project in Visual Studio 2019.

Create new project

Start the Visual Studio 2019 and create new project. From the project templates select the ASP.NET Core with Angular.

Project template selector in Visual Studio 2019
ASP.NET Core with Angular project template in Visual Studio 2019

In the next step, set the project name and the location:

Configure your new project
Configure new project

On the next screen uncheck the Configure for HTTPS option. For this example we don’t need it.

Additional information
Additional project information

After that the new project will be created and you will see the project structure in the Solution Explorer.

Angular project structure in the Solution Explorer
Solution Explorer

If you don’t have Node.js installed on your PC, you will get the following error during rebuilding the project.

Node.js is required to build and run this project. To continue, please install Node.js from https://nodejs.org/, and then restart your command prompt or IDE.
Error in Error List: Node.js is required to build and run this project
Error List

What is Node.js?

Node.js is an open source, multi platform (runs on Windows, Mac OS X, Linux, etc.), server side environment which executes JavaScript code outside the web browser.

If you want to know more info about what Node.js is, please visit WikiPedia.

Install Node.js

Please go to the https://nodejs.org and download the Node.js.

Close the Visual Studio before you start the installation.

Install Node.js like in the following pictures:

Node.js Setup Wizard
Node.js Setup Wizard
Node.js Setup Wizard - License Agreement
License Agreement
Node.js Setup Wizard - Destination Folder
Select the Destination Folder
Node.js Setup Wizard - Custom Setup
Select features
Node.js Setup Wizard - Additional Tools
Optionally install additional tools
Node.js Setup Wizard - Ready to install Node.js
Ready to install Node.js

After installation please restart your PC.

Run the Angular 8 project in the browser

After restart you can rebuild the project and you can run it in the browser.

Running Angular 8 project in the browser
Running Angular project

Related Article

How to use jQuery with Angular 8?


6x faster WordPress Hosting6x faster WordPress Hosting

Leave a Reply

Your email address will not be published. Required fields are marked *

4 + one =