A generator for Yeoman.
- You need MySQL installed on your computer. On OSX, you can just do
brew install mysqlwith Homebrew. - Make sure you have yo installed:
npm install -g yo - Install the generator:
npm install -g generator-juicer - Run:
yo juicer - After it's generated, run
./server.shto start the local PHP server (defaults to port 4000), and rungruntin thethemedirectory. - Setup Wordpress at
/engine/wp-admin/install.phpand don't forget to toggle the blank theme when you login.
Juicer is a boilerplate for Wordpress-driven sites such as portfolios or any sort of project that will require content management down the line.
It will automatically download the latest stable Wordpress, setup the MySQL database, and provide a blank template theme.
HTML markup is generated via Jade, CSS is handled with Sass, and JS is helped with RequireJS.
Jade provides some niceities such as includes and in general is less of a hassle to deal with than HTML.
It uses Grunt for automation, which handles a number of things.
Grunt's default task, grunt, will start a local server on port 8989 in addition to a LiveReload
server. It will watch the directories you will be working in for
changes, and accordingly compile Sass, Jade, and Font
Custom fonts.
The Gruntfile also specifies a release task, grunt release, which will
perform JS and CSS linting, minify and concatenate JS and CSS, and
compress PNG and JPG images.
Bower is used for package management. It doesn't
integrate that well with RequireJS, unfortunately, and I'm considering
switching to Jam instead. For now, after you
install new packages, you can run the grunt task grunt bower which
will attempt to appropriately update the RequireJS config file. It
doesn't always work, so if you're running into errors with new packages,
check those paths first.
Juicer is by Francis Tseng (@frnsys)