How to Install Ionic Framework on Ubuntu 20.04

This article will focus on installing the Ionic Framework on Ubuntu 20.04. It will use the repository. It also asks for an important installation of nodejs on your version of Ubuntu OS.
Ionic Framework is a unique and open source mobile UI toolkit for building high-quality mobile applications, including front-end framework and angular, react, etc.

Installing Ionic Framework

Before installation, we recommend updating all packages:

apt update
apt upgrade -y

Next you need to install Nodejs on your Ubuntu

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

Then you need to install Cordova. This can be done with the command below:

apt-add-repository ppa:cordova-ubuntu/ppa
apt-get update
apt-get install cordova-cli

Next, after successfully installing Cordova, the creation of an Ionic Framework application for your server follows.

ionic start
  1. You should specify the name of your project
  2. Next is the selection of the initial template
  3. Integrating your new app into Capacitor

After you have successfully installed the dependencies, you will receive a notification that the installation was successful “Your Ionic application is ready”. Also, after installing all the dependencies, there is an option for you to install disableHostCheck with the above command. This will help you disable host check completely. After launching the application, you will receive this message.

[INFO] Development server running!
	
Local: http://Your_Local_Host:8100
External: http://Your_IP_Address:8100

Use Ctrl+C to quit this process

[INFO] ... and 42 additional chunks
[ng] : Compiled successfully.
[INFO] Browser window opened to http://localhost:8100!

[ng] Date: 2022-01-01T11:11:11.102Z -
[ng] 61 unchanged chunks
[ng] Time: 8590ms
[ng] : Compiled successfully.

Was this article helpful?

Yes No

Related Articles

183 Comments

  115. Elijahundof

    Sildenafil oral jelly fast absorption effect: KamaMeds – Safe access to generic ED medication

  143. Elijahundof

    Compare Kamagra with branded alternatives: KamaMeds – Men’s sexual health solutions online

Leave a Reply to DanielHaw Cancel Reply