Generator for Ionic framework

Create an Ionic project with Grunt using Yeoman

Usage

First, install Yeoman and generator-hionic using npm (we assume you have pre-installed node.js).

npm install -g yo
npm install -g generator-hionic

1. Choose a directory and cd into it

$ mkdir <my-app-name> && cd $_

2. Run yo hionic command and you can also use some options

yo hionic [appName] --appId "com.company.myapp" --appModuleName "myapp"

3. When finish yo installation run grunt serve to start app.

4. Build App, run grunt build to build ios (Android not support right now). You also can run grunt build:production to build production version app. However, you must set production constants in Gruntfile at first.

Structure

Project structure is following:

├── app/
│   ├── images/             - Project images
│   ├── lib/                - Libraries managed by Bower
│   ├── scripts/            - Custom AngularJS Scripts
│   ├── scss/               - Sass Stylesheets
│   ├── views/              - HTML views
│   ├── index.html          - Main Ionic app entry point
├── hooks/                  - Cordova lifecycle hooks
├── test/                   - Unit tests
│   ├── spec/
├── .gitignore              - Git ignore file
├── .bowerrc                - Bower rc file
├── bower.json              - Lists front-end dependencies
├── Gruntfile.js            - Configuration of all Grunt tasks
├── package.json            - Dev dependencies and required Cordova plugins
├── config.xml              - Global Cordova configuration

Getting To Know Yeoman

• Yeoman has a heart of gold.
• Yeoman is a person with feelings and opinions, but is very easy to work with.
• Yeoman can be too opinionated at times but is easily convinced not to be.
• Feel free to learn more about Yeoman.

License

MIT © Martin_nett