Code Monkey home page Code Monkey logo

supermodular2's Introduction

Supermodular2 Ionic

A super modular Ionic 2.x starter application.

Need more? Don't miss Barebone Ionic 2, The Swiss Arny Knife of Ionic2!

Dependecies, Run and Build

Install Ionic CLI 2.x

To build and run this Supermodular 2 you need to have Ionic CLI beta installed

$ sudo npm install -g ionic

You can revert back and restore any version of Ionic CLI by using the command:

$ sudo npm install -g {ionic version}

eg:

$ sudo npm install -g [email protected]

Install NodeJS dependencies

Run npm install to install all needed dependencies.

Install plugins and platforms from package.json

Run ionic state restore to install all Cordova plugins and platforms included in the package.json.

Run the app

Use ionic serve -l to run the app in browser and watch for changes in code

or

use ionic serve to just run the app for a browser preview

or

use ionic serve --lab to run the app in a browser on two platforms at the same time.

Add a platform

$ ionic platform add <platform>

Supported Cordova platforms:

$ ionic platform add ios
$ ionic platform add android

Build the app

$ ionic build

Εmulate the app on simulator

iOS:

$ ionic emulate ios

Android:

$ ionic emulate android

Plugins installation

Use the following commands and install all the plugins required by the app:

$ cordova plugin add {plugin id or url}

eg:

cordova plugin add cordova-plugin-inappbrowser

Used Cordova plugins

In case that the required Cordova plugins are not installed while installing NodeJS dependencies, Cordova's command mentioned previously can be used to install the following plugins:

  • cordova-plugin-device - This plugin defines a global device object, which describes the device's hardware and software.
  • cordova-plugin-console - This plugin is meant to ensure that console.log() is as useful as it can be. It adds additional function for iOS, Ubuntu, Windows Phone 8, and Windows.
  • cordova-plugin-whitelist - This plugin implements a whitelist policy for navigating the application webview on Cordova 4.0.
  • cordova-plugin-splashscreen - This plugin is required to work with splash screens. This plugin displays and hides a splash screen during application launch.
  • cordova-plugin-statusbar - Used to customize the iOS and Android StatusBar, alter the appearance of the status bar (color/style).
  • ionic-plugin-keyboard - It provides functions to make interacting with the keyboard easier, and fires events to indicate that the keyboard will hide/show.

Credits

The Ionic 'Tutorial' starter is used

$ ionic start supermodular2 tutorial --v2 --ts

Third Party Licenses

supermodular2's People

Contributors

genna avatar satsalou avatar skounis avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.