Ionic starter kit
This repository represents a boilerplate to start work with Ionic mobile project. It's a blank project with prepared Gulp tasks, hooks and angularJS organization to make a modular and reusable code. The code organization is inevitable when project starts to grow and application becomes much harder to maintain. So the key is to organize your files well and make your logic modular and reusable through whole app (and for other projects as well).
We also described every detail of creating the project in series of blog posts where you can go step by step to see how every part of the application fits together.
- Blank Ionic mobile project setup (1/4)
- Organize AngularJS code (2/4)
- Gulp tasks (3/4)
- Cordova hooks (4/4)
There's only a few steps you have to do in order to run the application. It implies you have installed all necessary tools for building Ionic project (android/ios sdk, ionic, cordova, node, git ...) which is not covered in this topic. Also, you have to be in root project directory when executing the following commands.
Clone git repository
$ git clone https://github.com/netmedia/ionic-starter-kit
$ npm install $ gulp install
npm install command installs all dependencies listed in package.json file, required for runnung Gulp tasks.
$ ionic platform add android/ios
$ ionic build android/ios [--production]
Run application in browser
$ ionic serve [--nolivereload]
--nolivereload flag disables browser to be reloaded after every change made in the code. This helps Gulp watch task to build and bundle all assets into single file but you'll have to reload browser manually.