How to Install Ionic Framework on Ubuntu 20.04

Ionic framework is open source UI toolkit for building mobile and desktop applications using core web technologies like HTML, CSS, and JavaScript. Ionic is designed to work and display beautifully on all current mobile devices and platforms.

This article will help you to install Ionic framework command line utility on your Ubuntu 20.04 LTS system.

Prerequisites

Login to your Ubuntu system using sudo privileged user. Then update the system packages to latest.

sudo apt update && sudo apt upgrade

Step 1 – Install Node

First, use the following commands to install NPM and Node.js on your system. The below command will add PPA for node.js to your system.

curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -
sudo apt install nodejs

Step 2 – Install Cordova

After installing Node.js on your system run the following command to install Cordova. This will also install all the required node modules on your system.

sudo npm install -g cordova

Step 3 – Install Ionic on Ubuntu 20.04

Next, you need to install Ionic node module on your system. Ionic provides and commands line utility for creating packages, build and start applications. Run the below NPM command to install the Ionic framework on your system.

sudo npm i -g @ionic/cli

After completing the installation of the Ionic framework, use the following command to check the installed version.

ionic -v

6.10.1

Step 4 – Create Ionic Application

Now, You need to create a new Ionic application on your computer by running the following command.

ionic start

Now follow the wizard:

1. Select framework between React or Angular.
2. Now, enter a name for your new application
3. Select a starter template. The details of each template is listed on screen.
4. Then, Integrate your new app with Capacitor to target native iOS and Android?

After completing the Wizard, you will get a message “Your Ionic app is ready!”. It will also show the next steps on screen.

Now, run the below command from your application directory.

cd ionic-app
ionic serve --host 0.0.0.0 --port 8100

Then access your ionic application in web browser using system IP.

For more details visit http://ionicframework.com/docs/guide/installation.html

Conclusion

In this tutorial, you have learned to install Ionic framework CLI on Ubuntu system. Also create and access a sample Ionic application.