Yo idon
Yeoman generator for starting sketch HTML, CSS, and JavaScript
Requirements
If you want to use JavaScript and CSS libraries, the following require.
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 ofbowerandnpmafter scaffolding has finished.