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

If you're a developer looking to dive into modern web development using Angular on a Mac in 2025, you're in the right place. Installing Angular on macOS is a straightforward process, and this guide will walk you through every step—from installing Node.js and Angular CLI, to verifying your environment setup and running your first Angular app. Whether you're new to Angular or just setting it up on a new machine, this page will simplify the process for you.

In this step-by-step tutorial, you’ll learn:

• How to install Node.js on Mac
• How to install Angular CLI using npm
• How to create and serve your first Angular project
• Common issues and how to troubleshoot them
• Bonus: Best practices for setting up Angular in 2025

By the end, you'll have a complete Angular development environment running smoothly on your Mac. Perfect for building everything from single-page applications to full-stack web apps!

Ready to advance your software development career? Explore upGrad’s Software Engineering Courses today! 

What is Angular?

An open-source framework called Angular (Angular 17 latest version) is a potent and popular tool for creating dynamic single-page web applications. Angular provides a set of tools and features that developers can use to create complex and responsive user interfaces.

Angular is based on TypeScript, a superset of JavaScript that adds static typing and other features to improve code clarity and maintainability. It uses a component-based architecture, where applications are built by composing small, independent components that can be reused throughout the application.

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

upGrad’s Executive PG Program in Software Development from IIITB to become a full stack developer

System Requirement to Install Angular in Mac

Mentioned below are the pre-requisites for the installation of Angular in macOS. 

A. Hardware Requirements  

• Processor: 64-bit Intel or Apple Silicon M1 
• Memory (RAM): Minimum 4GB, recommended 8GB or more 
• Storage: Minimum 10GB free disk space  

B. Software Requirements  

• Node.js v16.13.1 or later 
• npm (Node Package Manager) v8.1.2 or later

C. Additional libraries or tools to be installed prior

• Any code editor or IDE for enhanced development experience (e.g., Visual Studio Code, WebStorm) 
• A terminal application for command-line interaction (pre-installed on macOS) 
• Install Git, which will provide version control capabilities and much more for your project code. 

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

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

Please follow along as we proceed with the step-by-step commands of how to install Angular on mac below:

Download and Install Node.js

Node.js is an open-source software which is used to run JavaScript code outside a browser. Node.js is cross-platform making it suitable for major operating systems. It helps developers to use JavaScript in Network Applications, Command Line Tools, normal Web Applications, Web APIs, and more. It provides Dev Tooling local Web Server for live reloading and development experience. Wondering where to begin your web development career? Enroll in website development courses. 

Thus, Node.js is an Open-Source Server environment that allows developers to run JavaScript on the server. 

So, before installing Angular in mac we need to install Node.js in the System. 

Download Node.js 

Open the following site in the browser. 

(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) 

Download the macOS Installer (.pkg) : 64-bit (node-v14.15.0.pkg). This is the latest version of Node installable package. 

Install the .pkg in your operating system by clicking on the installer.  Once clicked, the .pkg file opens the installer wizard. Click on continue to move to the next page. 

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 

Test Installation of Node.js 

Once the package is installed, open the Terminal and type the following command: 

node –v 

You will get the version of Node.js displayed. 

v14.15.0 

and  

npm –v 

You get the version of npm displayed. 

6.4.1 

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

Testing the Installation of Angular CLI 

Once the installation is successful, Angular CLI will provide a command ng to be used for command line operations.  

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. 

How to Create New Angular Application?

Create a folder for your application in the desired location on your system and open it on your favorite file browser.  

A Basic Hello-World Application in Angular  

Open a new terminal and move to your folder created for the application and type in the following command to create your app folder using ng create command as below. 

$ ng create hello-world

Or

$ ng new hello-world

For the Query “Would you like to add Angular Routing?” type Yes. 

For the Query “Which style sheet format would you like to choose?” move your cursor to point to “CSS” and click enter. 

Then it would take some time for further installation of the application folder, so we need to have patience in this respect. 

At last, when the command is executed successfully, Angular creates a skeleton application under the folder. It also includes a bunch of files and other important necessities for the application. 

Serve Angular Application 

Once our Hello-World project is created change the current directory to project directory by cd command and run application using ng serve command as shown below: 

$ cd hello-world  $ ng serve

We can leave the ng serve command running in the terminal as it will automatically refresh the browser each time we make and save changes in our Angular application. This makes Angular development quick and iterative. 

Running the Hello-World Application 

Once run, you can access your Angular application on localhost port 4200, which is the default host and port used by any Angular application. To get the output, type in your favorite browser, address bar the following: 

http://localhostž4200 

If another application is running on that address, you can simply run the command.

$ ng serve--port

It will generate a different port for you to navigate to through the web browser.  

Check the Output 

Typically, the browser looks something like this:

Looking to enhance your coding skills? Discover the best certificate course for Python, the versatile programming language that powers everything from web development to data analysis. Unleash your potential with Python and unlock endless possibilities!

How to Uninstall Angular from 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

How to Use Angular?  

• 1. Create a new project using command: ng new my-Angular-app 
• 2. Go to your directory using command: cd my-Angular-app 
• 3. Create a new component using command: ng generate component my-first-component 
  This will create a new folder called ‘my-first-component’.  
• 4. Edit the component template as you wish. 

The component template is the HTML code for your component. You can edit the template in the file my-first-component.component.html. 

• Run your application using the command: ng serve 

Some Tricks: 

• Angular supports two-way data binding i.e. it allows for automatic synchronization of data between component and template. 
• You can use services for fetching the data or business logic. Use the command ng generate service my-service. 
• Angular provides a string routing system for building Single Page Applications (SAPs). You can define the routes in app-routing.module.ts file. 
• Make sure you utilize the CLI commands like ng generate component, ng generate service, ng test etc. for common tasks. 

upGrad’s Executive PG Program in Software Development from IIITB to become a full stack developer

Conclusion

To start building dynamic and reliable web applications, setting up Angular correctly on macOS is the essential first step. This guide on how to install Angular in Mac walked you through installing Node.js, using the Angular install command, and setting up the Angular CLI with ease.

Whether you're using Angular 12 or the latest stable version of Angular in 2025, mastering your Angular setup empowers you to build efficient Single Page Applications (SPAs). With tools like ng serve, Angular makes real-time updates seamless as you develop.

Now that you’ve learned how to install Angular, you can build modern web applications on macOS. Want to take your skills to the next level?

 Explore Full Stack Developer Courses with Certification at upGrad

Build real-world projects. Learn from industry experts. Launch your dream tech career today.

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