Generator-ayen NPM

generator-ayen

Yeoman generator with Anything You'll Ever Need to write a single-page app. Features live-reloading development workflow, Browserify, Bower integration, Jade templates, a CSS preprocessor and testing tools.

WARNING: This generator is still in flux. Expect breaking changes.

Features:

Choose between Stylus, SASS, LESS or just plain CSS
Start with a bare JS app template, with a Backbone app or with a React + Flux scaffold.
Write modular code with Browserify
Compile your HTML templates with Jade and templatizer
Manage your dependencies with npm and Bower
Watch and automatically reload your project when the sources change with Browsersync
Write a custom server for your app for advanced functionality
Develop easier with source maps
Produce a minified, production ready build with autoprefixed styles and critical path CSS

Installation

Install Yeoman

Yeoman is a project scaffolding tool. You install it from npm by running:

npm install -g yo

Installing Ayen

To install generator-ayen from npm, run:

npm install -g generator-ayen

Installing Gulp

Ayen projects need Gulp to work. You know the drill:

npm install -g gulp

Creating a project

Pick a good spot on your hard drive for your project and cd to it:

mkdir my-new-app
cd my-new-app

Initiate the generator:

yo ayen

Now just answer all the questions truthfully and you're done.

P.S.: Did you know you can run yo ayen again even after you've already scaffolded an app? Yeoman will help you resolve conflicting files, so don't worry about losing your work if you re-scaffold.

Ayen knows to play nice with your project even after you've done some work, so don't hesitate to upgrade your build environment whenever a new version of ayen is out.