Dev Team Styleguide

Styleguide for the Devteam website using Pattern Lab.

Installation

Prerequisites: git and Composer installed.

In the htdocsdirectory run:

composer create-project pattern-lab/edition-twig-standard pattern-lab

When prompted for suggested starterkit choose 1: pattern-lab/starterkit-twig-base.

In the pattern-lab directory run:

composer install

In the file pattern-lab/config/config.yml change sourceDir to:

sourceDir: ../source

If everything went well you should now be able to generate the static Pattern Lab site. In the pattern-lab directory run:

php core/console --generate

Start the server

To start the server, in the pattern-lab directory run:

php core/console --server

Watch for Changes and Reload

Pattern Lab can watch for changes to files in the source folder and automatically rebuild the entire Pattern Lab website for you. Make your changes, save the file, and Pattern Lab takes care of the rest.

Install the Auto-Reload Plugin:

composer require pattern-lab/plugin-reload

Run the server with watch and auto reload:

php core/console --server --with-watch