Ionic Framework's Setup

Table of Contents

What is Ionic ?

Ionic Framework’s app development platform builds amazing cross-platform mobile, web, and desktop apps all with one shared code base and open-web standards.

Before proceeding, make sure your computer has Node.js installed.

Environment Setup

To get started with Ionic Framework, the only requirement is a Node & npm environment.

Of course, a code editor is also required. Visual Studio Code is recommended. Visual Studio Code is a free, batteries-included text editor made by Microsoft.

Install the Ionic CLI / Ionic Framework’s Setup


$ npm install -g @ionic/cli

If there was a previous installation of the Ionic CLI, it will need to be uninstalled due to a change in package name.


$ npm uninstall -g ionic
$ npm install -g @ionic/cli

Ionic + React


$ npm install @ionic/react
$ npm install @ionic/react-router

Ionic + Angular


$ npm install @ionic/angular@latest --save

Start an App

Create an Ionic app using one of the pre-made app templates, or a blank one to start fresh. The three most common starters are the blank starter, tabs starter, and sidemenu starter. Get started with the ionic start command:


$ ionic start

Run the App

The majority of Ionic app development can be spent right in the browser using the ionic serve command:


$ cd myApp
$ ionic serve

There are a number of other ways to run an app, it’s recommended to start with this workflow.

I hope you like this article.