Installation on MacOS

Installation on MacOS

Follow these tutorials to install your frameworks on MacOS:

Install Node.js
Install Angular
Install React

How to Install Node.js

  1. Download the long-term support version of Node.js for MacOS from nodejs.org.
    Downloading Node.js from nodejs.org
  2. Follow the prompts in the installer app.
  3. To verify Node.js is installed, open the terminal app and enter the commands:
    node -v
    npm -v
  4. Finally, to start using Node in terminal, enter the command:
    node

You can try this simple "hello world" command on node to get acquainted:

Testing a Hello World program on Node.js

How to Install Angular

To install Angular, Node.js must already be installed.

  1. Open a terminal window and enter the command:
    sudo npm install -g @angular/cli
  2. Check it was installed by entering the command:
    ng --version
  3. To create a tester project, enter the command:
    ng new my-test-app
  4. Answer the prompts regarding default settings:
    Settings when downloading Angular
  5. Enter these commands to run the application:
    cd my-test-app
    ng serve
  6. If you want to verify your application is working, in your web browser, go to:
    http://localhost:4200/
    Verifying new Angular App

How to Install React

To install React, Node.js must already be installed.

  1. Open a terminal window and enter the command:
    npm install -g create-react-app
  2. Check it was installed by entering the command:
    create-react-app --version
  3. To create a tester project, enter the command:
    create-react-app my-test
  4. Enter this command to run the application:
    npm start
  5. If you want to verify your application is working, in your web browser, go to:
    http://www.localhost3000.org/