Development Environment Setup for MAC

Tools Needed:

• Browser - Google Chrome / Safari

• Code editor - Atom

• AngularJS

• Browser Sync (Needs NodeJS)

Download and install Code editor - Atom

• Click on https://atom.io/

• Click on the "Download For Mac" button

• Locate atom-mac.zip in Finder.

• Double-click on the zip file to expand it.

• Move the Atom.app to Applications folder.

• Open Atom application to verify that it is installed properly.

Download and install BrowserSync:

node and npm(node package manager) are required to  download the browserSync tool which is in the node package repository.

• Go to link https://nodejs.org/en/download/

• Click on macOS Installer and download the package.

• Install the package.

• Open terminal and type node --version. It should give you the installed version number of Node.js.

• Type npm --version. It should give you the npm version 

• To install BrowserSync, type   sudo npm install -g browser-sync in the command line and give the administrator password.

• To check if it is installed successfully, use the following command in the command line.

• browser-sync -- version and check if it gives the installed version number.

• Use the following command in the command line to start BrowserSync
• browser-sync start --server --directory --files "**/*"

Download and install AngularJS:

• Go to link https://angularjs.org

• Click on Develop -> Download

• Click on the latest AngularJS version (1.*).

• Save the angular.min.js file to the working directory.