Create an Angular app

Applies to: yesVisual Studio noVisual Studio for Mac

In this 5-10 minute introduction to the Visual Studio integrated development environment (IDE), you create and run a simple Angular frontend web application.

Prerequisites

Make sure to have the following installed:

Create your app

  1. In the New Project Dialog, select Create a new project.

    Create a new project

  2. Search for Angular in the search bar at the top and then select Standalone TypeScript Angular Template.

    Choose a template

  3. Give your project and solution a name.

    When you get to the Additional information window, be sure NOT to check the Add integration for Empty ASP.NET Web API Project option. This option adds files to your Angular template so that it can be hooked up with the ASP.NET Core project, if an ASP.NET Core project is added.

    Additional information

Set the project properties

  1. In Solution Explorer, right-click the Angular project, select Properties, and then go the Debugging section.

  2. Change the Debugger to launch to the launch.json option.

    Choose the debugger (launch.json)

Build Your Project

Choose Build > Build Solution to build the project.

Note, the initial build may take a while, as the Angular CLI will run the npm install command.

Start Your Project

Press F5 or select the Start button at the top of the window, and you'll see a command prompt:

  • The Angular CLI running the ng start command

    Note

    Check console output for messages, such as a message instructing you to update your version of Node.js.

Next, you should see the base Angular apps appear!

Next steps

For ASP.NET Core integration: