UI Development setup on Mac

Install the tools you will need with the mac package manager homebrew

Install homebrew:

- install git

  • brew install git

install yarn

  • brew install yarn

- install node + packages

  • brew install node
  • npm -v
  • npm install -g grunt
  • npm install -g grunt-cli
  • npm install -g bower
  • npm install -g karma-cli
  • npm install -g gulp
  • npm install -g @angular/cli

- install phantomjs (http://phantomjs.org/)


- install nginx

  • brew install nginx
  • nginx -v

Set your mac hosts file

vi /etc/hosts → insert the line (use whatever host name you want you need to match it with your nginx conf below)

127.0.0.1       localhost local.dev.com local.tis.com


Configure your NGINX proxy

cd /usr/local/etc/nginx

vi nginx.conf 

Open the file and replace the http { ... } section with (please note that your server name must match the host name you set above)

Follow the instructions from here: /wiki/spaces/TISDEV/pages/58693045

Check out and build the git repos


https://github.com/Health-Education-England

Discuss which ones to pickup. At the time of writing the repos are:


https://github.com/Health-Education-England/TIS-COMMON

https://github.com/Health-Education-England/TIS-REVALIDATION

https://github.com/Health-Education-England/TIS-CONCERNS

https://github.com/Health-Education-England/TIS-NOTIFICATIONS

https://github.com/Health-Education-England/TIS-COMMON-COMPONENTS

https://github.com/Health-Education-England/TIS-ADMINS-UI