Skip to content

README.md

Latest commit

 

History

History
40 lines (32 loc) · 1.04 KB

README.md

File metadata and controls

40 lines (32 loc) · 1.04 KB

Frontend tools

Requirements

  • Node.js with its npm command

System setup

Check if the gulp npm package is available globally:

$ which gulp

If it is not, run:

$ npm -g install gulp

Local development setup

  • open a shell and go to the prototype folder in the joinup theme:
$ cd web/themes/joinup/prototype
  • install local node dependencies:
$ npm install

Available tools

gulp command will be available to compile scripts/sass/styleguide/prototype files. Just run gulp without any parameters to compile and start the "watch" mode to compile files on change. A list of all the tasks is available with gulp --tasks.

  • The styleguide is available on your localhost - http://localhost:3000/.
  • The prototypes are available in the folder web/themes/joinup/prototype/html-prototype. Just open any html file.
  • The prototypes can be changed in the folder web/themes/joinup/prototype/html-prototype-sandbox. It is also the place to create html prototypes using mustache templating language.