Setting up the Ionic development environment

improve this page | report issue


Ionic is a framework built on AngularJS and Apache Cordova that helps you to rapidly build hybrid mobile & web apps using web technologies such as HTML, CSS, and Javascript.

If you are a developer who has chosen Ionic as the framework to develop your mobile or web app, the following sections help you get started with IBM Mobile Foundation SDK in your Ionic app.

You can use your preferred code editor such as, Visual Studio Code, Eclipse, IntelliJ and others for writing your applications.

Prerequisite: As you setup your Ionic development environment, make sure to also read the Setting up the MobileFirst development environment tutorial.

Installing the Ionic CLI

To get started with Ionic development the first step required is to install the Ionic CLI.

To install cordova and ionic CLI:

  • Download and install NodeJS.
  • From a Command-line window, run the command:
    npm install -g ionic

Adding the Mobile Foundation SDK to your Ionic app

To continue with MobileFirst development in Ionic applications, the MobileFirst Cordova SDK or plug-ins need to be added to the Ionic application.

Learn how to add the MobileFirst SDK to Cordova applications. For application development, refer to the tutorial Adding the Mobile Foundation SDK to Ionic applications.

Last modified on July 18, 2018