, (*1)
Pattern Lab Web Design Day Edition for Mustache
The Web Design Day Edition for Mustache gives attendees a clean and stable base from which to follow-along with the Pattern Lab workshop., (*2)
Packaged Components
The Web Design Day Edition for Mustache comes with the following components:, (*3)
Installing
There are two methods for downloading and installing the Web Design Day Edition for Mustache:, (*4)
Download a pre-built project
The fastest way to get started with the Web Design Day Edition for Mustache is to download the pre-built version from the releases page., (*5)
Please note: Pattern Lab uses Composer to manage project dependencies. To upgrade the Web Design Day Edition for Mustache after the event you'll need to install Composer. We recommend that you install it globally., (*6)
Use Composer to create a project
Pattern Lab uses Composer to manage project dependencies., (*7)
1. Install Composer
Please follow the directions for installing Composer on the Composer website. We recommend you install it globally., (*8)
2. Install the Web Design Day Edition for Mustache
Use Composer's create-project command to install the Standard Edition for Twig into a location of your choosing. In Terminal type:, (*9)
cd install/location/
composer create-project pattern-lab/edition-mustache-webdesignday your-project-name && cd $_
This will install the Web Design Day Edition for Mustache into a directory called your-project-name in install/location/. You will be automatically dropped into the project directory after the process is finished., (*10)
Installing the Web Design Day StarterKit and Exercise Files
Exercise 1
Type the following where your project was installed:, (*11)
php core/console --starterkit --suggestions
// when prompted choose 'exercise1start'
php core/console --generate
php core/console --server --quiet & php core/console --watch
Exercise 2
If you would like a clean start with exercise two type the following where your project was installed:, (*12)
php core/console --starterkit --suggestions
// when prompted choose 'exercise2start' and to replace source
php core/console --generate
php core/console --server --quiet & php core/console --watch
Exercise 3 (Complete)
If you would like a clean start with exercise three type the following where your project was installed:, (*13)
php core/console --starterkit --suggestions
// when prompted choose 'complete' and to replace source
php core/console --generate
php core/console --server --quiet & php core/console --watch
Updating Pattern Lab
To update Pattern Lab please make sure you've installed Composer. From the root of your project you can then run:, (*14)
php composer update
Helpful Commands
These are some helpful commands you can use on the command line for working with Pattern Lab., (*15)
List all of the available commands
To list all available commands type:, (*16)
php core/console --help
To list the options for a particular command type:, (*17)
php core/console --help --[command]
Generate Pattern Lab
To generate the front-end for Pattern Lab type:, (*18)
php core/console --generate
Watch for changes and re-generate Pattern Lab
To watch for changes and re-generate the front-end for Pattern Lab type:, (*19)
php core/console --watch
Start a server to view Pattern Lab
You can use PHP's built-in web server to review your Pattern Lab project in a browser. In a seperate window type:, (*20)
php core/console --server
Then open http://localhost:8080 in your browser., (*21)
Install a StarterKit
To install a near-empty StarterKit as a starting point for your project type:, (*22)
php core/console --starterkit --init
To install a specific StarterKit from GitHub type:, (*23)
php core/console --starterkit --install <starterkit-vendor/starterkit-name>
To view the suggested StarterKits for your edition and install one type:, (*24)
php core/console --starterkit --suggestions
Wallogit.com
