In this post, we will see how to deploy an Angular project in Azure, using Visual Studio Code.
First of all, we open a browser, go to the Azure portal and we create a Web app:
![](https://www.zoneofdevelopment.com/wp-content/uploads/2019/11/Screenshot-2019-11-20-at-21.32.26-1024x971.png)
![](https://www.zoneofdevelopment.com/wp-content/uploads/2019/11/Screenshot-2019-11-20-at-21.34.44-1024x1009.png)
In order to verify that our Web App is running, we open a browser and go to: https://angularprojectdamiano.azurewebsites.net/
![](https://www.zoneofdevelopment.com/wp-content/uploads/2019/11/Screenshot-2019-11-20-at-21.36.56-1024x424.png)
Now, we open with VS Code our Angular project and, with the command
ng build –prod, we will create the deploy package into the folder dist:
![](https://www.zoneofdevelopment.com/wp-content/uploads/2019/11/Screenshot-2019-11-20-at-21.45.43-1024x726.png)
![](https://www.zoneofdevelopment.com/wp-content/uploads/2019/11/Screenshot-2019-11-20-at-21.46.01.png)
Then, after we connected to our Azure account, we open App Service in the Visual Studio Code’s Azure Tab, select the Web App and finally we push the button “Deploy to Web App”:
![](https://www.zoneofdevelopment.com/wp-content/uploads/2019/11/Screenshot-2019-11-20-at-21.47.33.png)
Now, we select the folder dist\manageusers, choice the web app and finally we push the Deploy button:
![](https://www.zoneofdevelopment.com/wp-content/uploads/2019/11/Screenshot-2019-11-20-at-21.51.47.png)
In order to verify the deploy, we open a browser and go to: https://angularprojectdamiano.azurewebsites.net:
HOME PAGE
![](https://www.zoneofdevelopment.com/wp-content/uploads/2019/11/Screenshot-2019-11-20-at-21.54.09-1024x573.png)
USERS LIST
![](https://www.zoneofdevelopment.com/wp-content/uploads/2019/11/Screenshot-2019-11-20-at-21.57.28-1024x547.png)
CREATE NEW USER
![](https://www.zoneofdevelopment.com/wp-content/uploads/2019/11/Screenshot-2019-11-20-at-21.57.45-1024x533.png)
DELETE USER
![](https://www.zoneofdevelopment.com/wp-content/uploads/2019/11/Screenshot-2019-11-20-at-21.57.56-1024x521.png)
![](https://www.zoneofdevelopment.com/wp-content/uploads/2019/11/Screenshot-2019-11-20-at-21.58.06.png)
![](https://www.zoneofdevelopment.com/wp-content/uploads/2019/11/Screenshot-2019-11-20-at-21.58.12-1024x520.png)