Facebook Twitter Instagram
    TecAdmin
    • Home
    • FeedBack
    • Submit Article
    • About Us
    Facebook Twitter Instagram
    TecAdmin
    You are at:Home»Programming»Nodejs»How to Install Ionic Framework on Ubuntu 20.04

    How to Install Ionic Framework on Ubuntu 20.04

    By 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.

    Advertisement

    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

    Related Posts

    Developing a Simple Mobile App with Ionic Framework

    How to Install Grunt on Ubuntu 22.04 & 20.04

    How to Install Bower on Ubuntu 22.04 & 20.04

    View 1 Comment

    1 Comment

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

      Worked perfectly. Thank you.

      Reply

    Leave A Reply Cancel Reply

    Advertisement
    Recent Posts
    • A Comprehensive Look at the Simple Mail Transfer Protocol (SMTP)
    • Understanding Basic Git Workflow: Add, Commit, Push
    • The Difference Between Git Reset –soft, –mixed, and –hard
    • Understanding the Staging Area in Git’s Workflow
    • Python Function with Parameters, Return and Data Types
    Facebook Twitter Instagram Pinterest
    © 2023 Tecadmin.net. All Rights Reserved | Terms  | Privacy Policy

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