Yo idon

Yeoman generator for starting sketch HTML, CSS, and JavaScript

Requirements

• Yeoman
• gulp
• Yarn

If you want to use JavaScript and CSS libraries, the following require.

• Bower

Features

• Automagically complie Pug, Sass, Babel
• Built-in server with Browser-sync
• CSS Autoprefixing with autoprefixer
• Sorts CSS properties fast and automatically with postcss-sorting
• Automatically formats CSS with stylefmt
• Lint SCSS files with stylelint
• Enable ES2015 features using Babel
• Eslint with eslint-config-airbnb
• Efficiently bundle JavaScript files up into a single file with rollup
• Automagically wire up your Bower components with wiredep
• Awesome image optimization
• Easy publish to GitHub Pages

Getting Start

Install generator-idon:

npm install -g generator-idon

Make a new directory, and cd into it:

mkdir my_project
cd my_project

Run yo idon:

yo idon

Run gulp and start your coding!

Third-Party Dependencies

To install dependencies, run bower install --[save|save-dev] package-name to get the files, then run gulp wiredep to add dependencies to your source code.

Build

After the coding is completed, please hit this command.

gulp build

Then, you can finished product in the dist folder.

GitHub Pages

If you want to use GitHub Pages, you can use it with one command. With coding, the page is complete, please hit the following command.

gulp publish

And then, your Project Pages site will be available at https://username.github.io/projectname

Options

• --skip-install: Skip the automatic exectution of bower and npm after scaffolding has finished.

License

BSD license