Creating a new Angular project is a simple process. The Angular CLI makes it easy to create and work with Angular projects. In this article, we will show you how to create a new Angular project using the Angular CLI.
We need to have these tools installed on your system to create development environment.
- Install Node & NPM
- Install Angular CLI
- Install Visual Studio Code
- Install Angular CLI
The Node.js organization has an official website that you can visit to download a setup file. If you want the latest version with all the latest features, click on the Version Current button. Either way, you will download a setup file with a .msi extension.
Node.js has an official package manager, npm, which is used for installing and managing package dependencies. Checking your version of npm and Node.js, To check the installed node.js and npm version, run the following commands:
To get started, download Visual Studio Code for Windows from the Official Download Page and follow the below steps.
Go to the official Visual Studio Code download page. Click on the Windows/Mac download option. The file will begin downloading to your default download folder.
Below is the command that will install the Typescript (if you have already installed, please ignore this command).
npm install -g typescript
If you are installing Angular CLI for the first time, then run the blow command. It will install the latest version.
npm install -g @angular/cli
You can check the version of Angular CLI and its packages with the command below:
To create an Angular project, you can follow these steps.
- Open a command prompt or terminal window.
- Create a new Angular project by running the following command:
ng new project-name // replace "project-name" with your peoject name
- Once the project is created, go to the project directory and run the following command:
- Now you can start the Angular project by running the following command:
- Open web browser and Angular project will be available at http://localhost:4200/ in your web browser.
Thank you for reading this article. Hopefully now you know How To Create Angular Project Step By Step In Visual Studio Code Angular 12.