Facebook Twitter Instagram
    TecAdmin
    • Home
    • Ubuntu 20.04
      • Upgrade Ubuntu
      • Install Java
      • Install Node.js
      • Install Docker
      • Install LAMP Stack
    • Tutorials
      • AWS
      • Shell Scripting
      • Docker
      • Git
      • MongoDB
    • FeedBack
    • Submit Article
    • About Us
    Facebook Twitter Instagram
    TecAdmin
    Home»Programming»Nodejs»How to Install Ionic Framework on Ubuntu 20.04

    How to Install Ionic Framework on Ubuntu 20.04

    RahulBy RahulJune 26, 20202 Mins Read

    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.

    Running ionic sample app on ubuntu

    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.

    Ionic Ionic Framework Ubuntu 20.04
    Share. Facebook Twitter Pinterest LinkedIn Tumblr Email WhatsApp
    Previous ArticleHow to Install Laravel 9 on CentOS 8
    Next Article How to Install VirtualBox 6.1 on Ubuntu 20.04

    Related Posts

    How to Install Bower on Ubuntu 22.04 & 20.04

    Updated:July 2, 20222 Mins Read

    How to Install Ionic Framework on Ubuntu 22.04

    3 Mins Read

    How To Install NVM on Ubuntu 22.04

    Updated:April 16, 20223 Mins Read

    How To Install Node.Js on Debian 11

    Updated:February 11, 20226 Mins Read

    How To Install NVM on Debian 11

    Updated:August 31, 20213 Mins Read

    How To Setup FTP Server with VSFTPD on Ubuntu 20.04

    Updated:July 15, 20215 Mins Read

    1 Comment

    1. Jason Russo on February 26, 2021 5:28 pm

      Worked perfectly. Thank you.

      Reply

    Leave A Reply Cancel Reply

    Recent Posts
    • How To Install Docker on Ubuntu 22.04
    • How to Install Bower on Ubuntu 22.04 & 20.04
    • How to run “npm start” through Docker
    • Filesystem Hierarchy Structure (FHS) in Linux
    • How to accept user input in Python
    Facebook Twitter Instagram Pinterest
    © 2022 Tecadmin.net. All Rights Reserved | Terms  | Privacy Policy

    Type above and press Enter to search. Press Esc to cancel.