Create an Angular Project


Node.js Installation

  Before installing the Angular CLI, you need to have Node.js installed. Node.js includes npm (Node Package Manager), which is necessary to install JavaScript packages.
  You can download Node.js from the official website: nodejs.org.
  Download the recommended LTS (Long Term Support) version for most users.


Angular CLI Installation

  Once Node.js is installed, you can install the Angular CLI (Command Line Interface). Open your terminal and run the following command:
npm install -g @angular/cli


Project Creation

  With the CLI installed, you can create a new Angular project with the command:
ng new my-angular-project
  This command will create a new folder with the basic structure of an Angular project.


Project Structure

  An Angular project has a specific structure that includes:

  • src/app: Contains your application's components, services, and modules.
  • src/assets: For images and other static resources.
  • angular.json: Project configuration file.
  • package.json: List of project dependencies.


Run the application with ng serve

  To run your project, navigate to the project folder and execute:
ng serve --open
  This will compile your application and open it in your browser. The `--open` flag will automatically open the browser.


Using Visual Studio Code and other development tools

  Visual Studio Code (VS Code) is a very popular code editor for Angular development. It offers extensions that enhance the development experience, such as TypeScript support, debugging, and autocompletion.


You can download VSCode via this link:


Download VS Code

  Other useful tools include:

  • Git: For version control.
  • Chrome DevTools: For browser debugging.
  • Postman: For API testing.