How to install angular cli and create new project in Angular ?

To install and set up an Angular project, you'll need Node.js and npm (Node Package Manager) installed on your system. Follow these steps to create and install a new Angular project:

1. Install Node.js and npm:

   If you haven't already, download and install Node.js from the official website: Node.js Downloads. npm comes bundled with Node.js, so you don't need to install it separately.

   Verify that Node.js and npm are installed correctly by opening your terminal or command prompt and running the following commands:

   bash
   node -v
   npm -v
   

   These commands should display the installed Node.js and npm versions.

2. Install Angular CLI:

   Angular CLI (Command Line Interface) is a powerful tool that simplifies the creation and management of Angular projects. You can install it globally using npm with the following command:

   bash
   npm install -g @angular/cli
   

   The -g flag means that you're installing it globally on your system, so you can use the ng command from anywhere in your terminal.

3. Create a New Angular Project:

   Now that you have Angular CLI installed, you can create a new Angular project by running the following command:

   bash
   ng new your-project-name
   

   Replace your-project-name with the desired name for your Angular project. The CLI will prompt you to configure various options for your project, such as whether to include Angular routing and which CSS preprocessor to use (CSS, SCSS, etc.). You can choose the options that best suit your project's needs.

4. Navigate to the Project Folder:

   Once the project is created, navigate to the project folder using the cd command:

   bash
   cd your-project-name
   

5. Serve the Application:

   You can now start a development server to serve your Angular application locally. Run the following command:

   bash
   ng serve
   

   This will compile your project and start a development server at http://localhost:4200/. You can open this URL in your web browser to see your Angular application in action. By default, the development server will automatically reload when you make changes to your code.

6. Accessing the Angular App:

   Open a web browser and go to http://localhost:4200/ (or the URL provided in your terminal) to see your newly created Angular application.

Congratulations! You've successfully installed and created an Angular project. You can now start developing your application by editing the files in the project's src folder. Remember to refer to the Angular documentation and CLI commands for further development and deployment options.