How to create frontend and backend as separate angular projects with visual studio 2022

Authoring Tools > Visual Studio 2022
This demo is for Windows PC and Visual Studio 2022
 
Before publishing you will need to make sure your PC installed the nodeJS and related npm package, also need to install angular CLI.
 
NodeJS installation page (we recommend using Windows Installer (.msi)):
 
https://nodejs.org/en/download/
 
Installing Angular CLI with npm
 
https://v17.angular.io/cli#installing-angular-cli
 
npm install -g @angular/cli @17

Below is an example of how to use Visual Studio to create and publish a .net angular project.

1. Create Angular ASP.NET Core Project

2. You will see two projects in Visual Studio for Angular ASP.NET Core Project(you will need to make sure both nodejs and angular CLI are installed to your PC).

3. The below screenshot is to show how to get web deploy info.

4. From Visual Studio, choose AngularApp Server project to deploy, import publishing xml file.

5. Successfully deploy.