How do I initialize a new Angular project with the latest configuration for optimal setup

Question

Can you help me with the problem of how to initialize a new Angular project with the latest configuration for optimal setup?

Answer 1

Install Angular CLI

Open the VS code terminal and run the following command:

npm install -g @angular/cli

Create a new project

In your terminal, run the CLI command ng new with the desired project name. In the following examples, we'll be using the example project name of hello.

ng new <project-name>

You will be presented with some configuration options for your project. Use the arrow and enter keys to navigate and select which options you desire.

If you don't have any preferences, just hit the enter key to take the default options and continue with the setup.

After you select the configuration options and the CLI runs through the setup, you should see the following message:

 Packages installed successfully.

 Successfully initialized git.

At this point, you're now ready to run your project locally!

Running your new project locally

In your terminal, switch to your new Angular project.

cd hello

All of your dependencies should be installed at this point (which you can verify by checking for the existent for a node_modules folder in your project), so you can start your project by running the command:

npm start