Yeoman generator for starting sketch HTML, CSS, and JavaScript
If you want to use JavaScript and CSS libraries, the following require.
- 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
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!
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.
After the coding is completed, please hit this command.
gulp build
Then, you can finished product in the dist
folder.
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
--skip-install
: Skip the automatic exectution ofbower
andnpm
after scaffolding has finished.