How to Install Angular in Mac in 2025? Step-by-Step Guide

Installing Angular in Mac in 2025 requires configuring the system with the necessary dependencies, including Node.js, npm, and the Angular CLI. Start by ensuring Node.js and npm are installed. 

With the Angular CLI in place, you can create, manage, and build applications efficiently. This process enables you to fully use the capabilities of Angular for dynamic web development.

In this blog, we will understand how to install Angular in mac with a step-by-step process. 

Want to strengthen your computational skills for tasks in Angular? upGrad’s Online Software Development Courses can equip you with tools and strategies to stay ahead. Enroll today!

What is Angular?

Angular is an open-source, front-end framework for building dynamic, single-page web applications. It is widely recognized for its powerful features that allow the creation of responsive, scalable, and maintainable user interfaces. 

Its component-based architecture enables the development of modular applications by composing reusable components, promoting efficiency and maintainability. Angular also integrates seamlessly with tools like Docker for containerization and can be deployed across Linux environments, making it ideal for large-scale, enterprise-level applications. 

If you want to learn relevant computational skills to make effective use of Angular, the following courses from upGrad can help you succeed.

• Master of Design in User Experience
• AI-Powered Full Stack Development Course by IIITB
• Generative AI Mastery Certificate for Software Development

With Angular's extensive set of tools, developers can quickly build performance-driven web apps.

System Requirement to Install Angular in Mac

Before setting up Angular on your Mac, ensure that both your hardware and software meet the necessary specifications. Whether you're a beginner or an experienced developer, these requirements will ensure you have a smooth setup for your Angular development environment.

Here are the system requirements to install Angular on macOS:

1. Hardware Requirements
For Angular to run efficiently, your Mac must meet the following hardware specifications:

• Processor: 64-bit Intel or Apple Silicon M1 (Ensure your Mac is using a 64-bit architecture for compatibility with modern development tools).
• Memory (RAM): A minimum of 4GB of RAM is required, but 8GB or more is recommended for a smoother development experience, particularly when working with larger applications.
• Storage: A minimum of 10 GB of free disk space is required for the Angular installation and for maintaining your project files and dependencies.

2. Software Requirements
Angular requires a few essential software tools to run properly. Make sure to install or verify the versions of the following:

• Node.js v16.13.1 or later: Node.js is the backbone for Angular’s build process. Ensure you have the LTS (Long Term Support) version to guarantee stability and security.
• npm (Node Package Manager) v8.1.2 or later: With npm, you can install libraries, run Angular CLI commands, and manage version control in your project.

3. Additional Tools and Libraries
For an efficient and enhanced development experience, you'll need a few additional tools and libraries:

• Code Editor/IDE: While you can use any text editor, using an IDE like Visual Studio Code or WebStorm enhances your development with syntax highlighting, IntelliSense, and debugging tools.
• Terminal Application: macOS comes with a pre-installed terminal app, which is essential for command-line interactions during Angular setup and management.
• Git: Version control is critical for any project. Installing Git allows you to track changes, collaborate with teams, and manage code revisions effectively.

Also Read: Web Application Architecture: Function, Components, Types & Real Life Examples

How to Install Angular in MacOS? Step-by-Step

Installing Angular on macOS is a straightforward process, but to ensure a smooth setup, it’s essential to follow the steps methodically. Angular relies on several tools, particularly Node.js, to function efficiently. 

Before diving into the Angular installation process, it’s essential to understand that Angular requires Node.js and npm (Node Package Manager) for managing dependencies and running development tasks. Node.js provides a server-side runtime environment for JavaScript, and npm serves as the tool for handling packages necessary for web development.

To run Angular applications efficiently, you need to ensure the following software is installed:

• Node.js: An open-source, cross-platform JavaScript runtime built on Chrome's V8 engine. It enables developers to run JavaScript server-side, powering everything from basic web servers to complex web APIs.
• npm: Node's default package manager, which handles the installation and management of Angular and other dependencies.

Let’s walk through the process of installing Angular on macOS, covering everything from installing Node.js to setting up the Angular CLI.

Step 1: Download and Install Node.js

Node.js is an essential tool for running Angular applications. Here's how to install it on macOS:

• Visit the Node.js official website: Navigate to the Node.js download page.
• Download the macOS installer: Select the Long-Term Support (LTS) version of Node.js, which includes the latest stable features and provides long-term support. 

The macOS version you'll need is:

• macOS Installer (.pkg): 64-bit (node-v14.15.0.pkg).

Alternatively, you can also download the source code or binaries, but using the installer is the easiest method for beginners. 

(Download the Node.js source code or a pre-built installer for your platform, and start developing today). We get the site as follows:

Download the LTS version of the software with the latest features. 

This gives us three versions for different operating systems: 

• Windows Installer (.msi) :  
  • 32-bit (node-v14.15.0-x86.msi) 
  • 64-bit (node-v14.15.0-x64.msi) 
• Windows Binary (.zip) 
  • 32-bit (node-v14.15.0-x86.zip) 
  • 64-bit (node-v14.15.0-x64.zip) 
• macOS Installer (.pkg) 
  • 64-bit (node-v14.15.0.pkg) 
• macOS Binary (.tar.gz) 
  • 64-bit (node-v14.15.0-darwin-x64.tar.gz) 
• Linux Binaries (x64) 
  • 64-bit (node-v14.15.0-linux-x64.tar.xz) 
• Linux Binaries (ARM) 
  • ARMv7 (node-v14.15.0-linux-armv7l.tar.xz) 
  • ARMv8 (node-v14.15.0-linux-arm64.tar.xz) 
• Source Code 
  • node-v14.15.0.tar.gz 
• SmartOS Binaries 
  • 64-bit (node-v14.15.0-sunos-x64.tar.xz) 
• Docker Image 
  • Official Node.js Docker Image  
• Linux on Power LE Systems 
  • 64-bit (node-v14.15.0-linux-ppc64le.tar.xz) 
• Linux on System z 
  • 64-bit (node-v14.15.0-linux-s390x.tar.xz) 
• AIX on Power Systems 
  • 64-bit (node-v14.15.0-aix-ppc64.tar.gz) 

Also Read: How to Run the Angular Project [Step-By-Step Explanation]

Step 2: Install Node.js

To install Node.js, follow these steps:

• Run the Installer: Open the .pkg file you downloaded, and the Node.js installer wizard will open.

• Follow the Installer Steps:

  Click Continue to move to the next page.

  Read and accept the License Terms by clicking Agree.

  Click Continue again to proceed to the installation.

• Install the Software: On the installation page, click Install. You'll need to enter your macOS username and password for authentication.
• Complete the Installation: After the installation is finished, click Close to exit the installer. Node.js should now be successfully installed on your system.

Click on continue to continue to the next page with License Terms and Conditions. 

You will be asked to accept the license, please do so by clicking on Agree, after reading the terms and conditions.

Click on Continue to move to the next page.

Once you have clicked on continue, you will get the install now page: 

Click on Install, and enter the login credentials, the username and password, and then click on Install Software: 

Once successfully installed, Node.js shows the following summary of the installation:

Click on Close to close the wizard. 

Set the /usr/local/bin in your $PATH so that you can access the node and npm executable files. To verify the same open the terminal and type: 
Echo $PATH

Step 3: Verify Installation

After installing Node.js, it’s essential to verify that it’s properly installed and accessible. Follow these steps:

• Check Node.js Version: Open the Terminal and type the following command to verify Node.js is installed:

node -v

This should return the version number of Node.js installed on your Mac.
 

• Check npm Version: Similarly, you can verify npm by typing:

npm -v

This should return the version number of npm, confirming its installation.

Step 4: Install Angular CLI

The Angular CLI (Command-Line Interface) is a tool that simplifies development tasks, such as creating, testing, and building Angular applications. Here’s how to install it:

• Install Angular CLI: In the Terminal, run the following command to install Angular CLI globally: 

npm install -g @angular/cli

This command installs the Angular CLI globally, meaning you can use it from anywhere on your system.

• Verify Installation: After installation, verify that Angular CLI was successfully installed by checking its version.

ng --version

Step 5: Create a New Angular Project

Now that you have Node.js and Angular CLI installed, you can create a new Angular project.

• Create a New Project: In the Terminal, navigate to the directory where you want to create your Angular project, then run.

ng new my-angular-app

• Replace my-angular-app with your desired project name. The CLI will prompt you to choose options, such as adding routing and selecting a stylesheet format (e.g., CSS, SCSS).

Navigate to Project Folder: Once the project is created, change into your new project directory

cd my-angular-app

Step 6: Serve the Application Locally

Now that the project is created, it's time to run the Angular development server to view the app locally.

• Run the Application: In your project directory, execute the following command.

ng serve --open

• This will compile the project and open it in your default browser at http://localhost:4200/.
• Develop Your Application: With your app running, you can start editing the project files. The Angular development server will automatically reload the page whenever you make changes to your code.

Troubleshooting

If you run into issues during installation or setup, consider the following tips:

• Permissions Issues: If you face permission issues when installing global packages, use sudo:

sudo npm install -g @angular/cli

• Clear npm Cache: Sometimes, clearing the npm cache helps resolve installation issues.

npm cache clean --force

Must Read: Life Cycle of Angular Components: Various Methods Explained

Let’s explore the process of installing Node.js.

Test Installation of Node.js 

After successfully installing Node.js on your macOS system, it's crucial to verify that both Node.js and npm are properly installed. These tools are essential for running Angular and other JavaScript-based applications, like React.js. Verifying the installation ensures that you can start managing dependencies and executing JavaScript code locally.

Step 1: Verify Node.js Installation

• Open Terminal: Launch the Terminal application on your Mac.
• Check Node.js Version: Type the following command to check if Node.js is installed correctly.

node -v

Output
v14.15.0
Output Explanation:
The node -v command prints the installed version of Node.js. In this case, the version v14.15.0 indicates that Node.js is correctly installed. This version ensures compatibility with various web development tools, including Angular and React.js.

Step 2: Verify npm Installation

Check npm Version: To verify the installation of npm (which is bundled with Node.js), type the following command:

npm -v

Output:
6.4.1

Output Explanation:
The npm -v command displays the version of npm installed. In this example, the output 6.4.1 confirms that npm is set up correctly. 

npm is used to install dependencies for Angular, React.js, and other libraries required for web applications. With npm, you can manage libraries like HTML, HTTP requests, and other JavaScript tools in your project.

Let’s understand the process of installing Angular CLI on macOS.

Installation of Angular CLI 

Angular CLI has a wide range of commands for Angular Applications. It helps us in managing, testing, and building Angular applications. 

Once Node.js is installed in our system, we can use npm to install software globally on our system. Use –g option in the npm command to install the Angular CLI tool globally. Once done so it will be accessible to all users and applications on the mac OS system.  

To install Angular CLI with the Node.js npm tool, use the following command: 

$ sudo npm install -g @angular/cli 

This command will install the latest Angular CLI version available at Angular site on your macOS system.  

If you require other than the latest version of Angular, then use the following command in your mac OS: 

For Angular 6: 

$ npm install -g @angular/cli@6#Angular 6

For Angular 7: 

$ npm install -g @angular/cli@7         #Angular 7

For Angular 8: 

$ npm install -g @angular/cli@8         #Angular 8

For Angular 9: 

$ npm install -g @angular/cli@9         #Angular 9

Also Read: Angular JS vs Angular: Key Differences, Which Framework is Better, Real-world Examples, and More

Let’s see how you can test the installation of Angular CLI on macOS.

Testing the Installation of Angular CLI 

After successfully installing Angular CLI on your macOS system, it’s essential to verify that the installation was completed correctly. The Angular CLI provides a command-line interface (ng) to manage various tasks such as creating projects, generating components, and running builds. 

Testing the installation involves checking the version of the Angular CLI to confirm that it is appropriately set up and ready for use. This verification ensures that your environment is properly configured, enabling you to proceed with developing Angular applications. 

Type the following command to check the version of Angular CLI:

$ ng --version

Or 

$ ng version

And we should get the following output:

This completes your Angular installation on Mac. Now let us make a “Hello World” Application in Angular. Following section describes how to make a basic application in Angular. 

Let’s understand how you can create new angular application.

How to Create New Angular Application?

Creating a new Angular application involves a few straightforward steps. By using the Angular CLI (Command Line Interface), you can generate a fully functional Angular project in just a few minutes.

Below, we will walk through the process of setting up your first Angular application from scratch, including creating a basic Hello-World app. 

Step 1: Create a Folder for Your Application

• Create a folder in the desired location on your system where you want to store your Angular project.
• Open the folder in your file browser for easy access to the directory.

Step 2: Create a New Angular Application

To create the Angular app, follow these steps:

Open the Terminal: Navigate to the folder you just created and open the Terminal.

Run the Angular CLI Command: To create your application, run the following command:

ng new hello-world

Alternatively, you can use:

ng create hello-world

Both commands will create a new Angular project named hello-world.

Answer Prompts: During the setup, you will be asked a couple of questions:

Q. Would you like to add Angular Routing?

A. Type Yes and press Enter.

Q. Which stylesheet format would you like to choose?

A. Move your cursor to select CSS and press Enter.

The Angular CLI will then proceed to install the necessary dependencies and set up the project files.

• Wait for Installation: It will take some time for Angular to finish creating your project folder, installing required packages, and setting up the necessary files. Be patient during this process.

Step 3: Serve the Angular Application

Once the Angular application is created successfully, you can serve the application to view it in your browser:

• Change Directory to Project Folder: In the terminal, change to the newly created project directory:

cd hello-world

• Run the Application: Now, run the Angular development server using the ng serve command:

ng serve

This will start the server and automatically open the application in your default browser. The development server will continuously monitor for changes, automatically refreshing the browser each time you modify and save your Angular files.

Step 4: Access the Angular Application

• Open in Browser: By default, your Angular application will be accessible at http://localhost:4200. 
• Check the Output: You should see the default Angular "Hello, World" message in your browser.

Step 5: Run on a Different Port (If Necessary)

• If another application is already using the default port (4200), you can run Angular on a different port:

ng serve --port 4201

This will start the Angular application on port 4201. You can then navigate to http://localhost:4201 to view the application.

Step 6: Check the Output

Once your Angular application is up and running, the browser should display the default Angular page, something similar to:

Check the Output 

Typically, the browser looks something like this:

Must Read: Creating Libraries: How to Build a Library for Angular Apps?

How to Uninstall Angular from macOS?

Uninstalling Angular from macOS involves a series of steps to completely remove the Angular CLI, TypeScript, and any associated Angular projects. This process also includes cleaning up the npm cache and potentially uninstalling Node.js and npm, which are often explicitly installed for Angular development. Following these steps ensures that your system is free from any Angular-related components. 

Here’s a step-by-step analysis for uninstalling Angular from your MacOS:

Step 1: Uninstall Angular CLI

npm uninstall -g @Angular/cli

This will uninstall the Angular CLI globally. It will also remove any globally installed Angular packages, such as @Angular/core and @Angular/compiler.

Step 2: Remove typeScript if installed

npm uninstall -g typescript

Step 3: Delete Angular projects 

You will have to delete the projects manually. Navigate to the directories and manually delete them.

cd ~/path/to/your/Angular/project_name

Step 4: Remove npn cache

npm cache clean --force

Step 5: Verify your uninstallation

ng --version

Step 6: Delete the files with configuration settings for Angular. 

• ~/.npmrc 
• ~/.config/Angular 

Step 7: Uninstall NodeJS and npm 

If you had installed NodeJS with the sole purpose to run Angular consider uninstalling it. 

npm uninstall -g node.

• This will remove the Node.js executable and any globally installed Node.js modules.
• Run the following command to delete the Node.js installation directory:

sudo rm -rf /usr/local/lib/node

Also read: 28 Angular Projects in 2025: Beginner to Advanced Ideas + Source Code

Now, let’s explore how you can use Angular for your projects.

How to Use Angular for Projects? 

Angular is a front-end framework built with TypeScript that helps developers create scalable and maintainable web applications. It uses components to encapsulate functionality and services for handling business logic and data. 

With dependency injection, routing, and two-way data binding, Angular simplifies the development of complex applications. The Angular CLI streamlines the development workflow, making tasks like creating components, services, and managing routes more efficient. 

Below are the key steps to effectively use Angular in your projects.

Key Steps to Use Angular:

• Create a New Project: Start by creating a new Angular project using Angular CLI.
• Navigate to the Project Directory: After creating the project, change to the directory where the application files are located.
• Generate a New Component: Use the Angular CLI to create a new component, which will include the necessary files, such as HTML, CSS, and TypeScript.
• Edit the Component Template: The component template is an HTML file. Modify it to define the structure and UI elements of the component.
• Run the Application: Use Angular's development server to run the application locally. This will automatically reload the application in the browser whenever changes are made.

Advanced Angular Features:

• Two-Way Data Binding: Angular supports automatic synchronization of data between components and templates, keeping both in sync without the need for manual updates.
• Services: Angular services are used to manage data and logic outside of components. They can be injected into components for code reusability and separation of concerns.
• Routing: Angular's built-in routing system enables navigation between views or pages in a Single Page Application (SPA). Routes are configured in a dedicated routing module.
• CLI Commands: Angular CLI is a powerful tool for generating components, services, and performing tests. It automates routine tasks, boosting developer productivity.

Also read: Top Interesting Angular Projects in Github [For Beginners & Experienced in 2024]

Conclusion

Installing Angular in Mac in 2025 necessitates configuring Node.js, npm, and the Angular CLI with the correct versions. After installation, validate the setup with' ng-- version' to ensure proper CLI functionality. Use Angular CLI commands to generate modular components and maintain dependency integrity by managing packages through npm.

Enhance your Angular skills and accelerate your career growth with these additional courses from upGrad, designed to further elevate your expertise in related technologies.

• Future-Proof Your Tech Career with AI-Driven Full-Stack Development
• Generative AI Foundations Certificate Program
• Node.js For Beginners

Curious which courses can help you excel in Angular functions for enterprise applications? Contact upGrad for personalized counseling and valuable insights. For more details, you can also visit your nearest upGrad offline center.

Boost your career with our popular Software Engineering courses, offering hands-on training and expert guidance to turn you into a skilled software developer.

Explore our Popular Software Engineering Courses

Master in-demand Software Development skills like coding, system design, DevOps, and agile methodologies to excel in today’s competitive tech industry.

In-Demand Software Development Skills

Stay informed with our widely-read Software Development articles, covering everything from coding techniques to the latest advancements in software engineering.

Read our Popular Articles related to Software

References :
https://6sense.com/tech/front-end-framework/angular-market-share