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 18.04 & 16.04

    How to Install Ionic Framework on Ubuntu 18.04 & 16.04

    By RahulJune 25, 20202 Mins Read

    Ionic Framework is useful for building mobile apps like Android and iOS. This article will help you to install Node.js, Cordova and Ionic framework on your Ubuntu 18.10, 18.04 and 16.04 LTS system.

    Advertisement

    Step 1 – Installing Node.js

    First, use the following commands to install NPM and Node.js on your system. In below commands, the first command will install some required packages on the system. The second command will add PPA for node.js to your system. After that update, your all attached PPA and last command will install Node.js and NPM on your system.

    You can visit our tutorial to install latest Node.js on Ubuntu and debian systems.

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

    Step 2 – Install Cordova

    Now use the following command to install Cordova on your system using npm command. It will install all other required node modules on your system.

    sudo npm install -g cordova
    

    Step 3 – Install Ionic Framework

    Ionic provides and commands line utility for creating packages, build and start applications. Use NPM command to install the Ionic framework on your system.

    sudo npm install -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 Application with Ionic

    Now, You need to create a new Cordova project on your computer using the following command.

    ionic start HelloWorld blank
    

    Now use one of the following commands to enable iOS or Android platform. iOS platform will work on MacOS only.

    ionic platform add ios
    ionic platform add android
    

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

    Framework Ionic Ionic Framework
    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 7 Comments

    7 Comments

    1. Luis on February 7, 2019 1:25 am

      This is an error with node-saas solve installing npm or node-saas with “–unsafe-perm”

      Example: $ sudo npm install –unsafe-perm –no-cache

      Cheers.

      Reply
    2. wesley on June 12, 2018 5:21 pm

      hi,

      i get this
      gyp ERR! configure error
      gyp ERR! stack Error: EACCES: permission denied, mkdir
      ‘/home/wesley/HelloWorld/node_modules/node-sass/.node-gyp’
      gyp ERR! System Linux 4.14.0-3-amd64
      gyp ERR! command “/usr/bin/node” “/home/wesley/HelloWorld/node_modules/node-gyp/bin/node-gyp.js” “rebuild”
      “–verbose” “–libsass_ext=” “–libsass_cflags=” “–libsass_ldflags=” “–libsass_library=”
      gyp ERR! cwd /home/wesley/HelloWorld/node_modules/node-sass
      gyp ERR! node -v v8.9.3
      gyp ERR! node-gyp -v v3.7.0
      gyp ERR! not ok
      Build failed with error code: 1
      npm WARN optional SKIPPING OPTIONAL DEPENDENCY: f[email protected] (node_modules/fsevents):
      npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted
      {“os”:”darwin”,”arch”:”any”} (current: {“os”:”linux”,”arch”:”x64″})

      npm ERR! code ELIFECYCLE
      npm ERR! errno 1
      npm ERR! [email protected] postinstall: `node scripts/build.js`
      npm ERR! Exit status 1
      npm ERR!
      npm ERR! Failed at the [email protected] postinstall script.
      npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

      npm ERR! A complete log of this run can be found in:
      npm ERR! /root/.npm/_logs/2018-06-12T17_18_50_981Z-debug.log

      Reply
      • Luis on February 7, 2019 1:24 am

        This is an error with node-saas solve installing npm or node-saas with “–unsafe-perm”

        Example: $ sudo npm install –unsafe-perm –no-cache

        Cheers.

        Reply
    3. bonolo on April 4, 2017 12:49 pm

      these commands are a little confusing to me, please explain some more for me , I’m very new to the coding world,I’m a student i started learning programming and web developing 2 months ago,short course thanks.

      Reply
    4. Andres Felipe Solarte López on August 23, 2016 2:39 am

      for debian x64 users, it is important to install 32 bit libraries as says here: https://wiki.debian.org/Multiarch/HOWTO in the title “Installing Android SDK compat libraries”

      Reply
    5. Monika on July 19, 2016 9:46 am

      Where to set environment variable for android sdk.

      Reply
      • Andres Felipe Solarte López on August 23, 2016 2:40 am

        https://help.ubuntu.com/community/AndroidSDK

        look the title “Modifying the PATH Environment Variable”

        Reply

    Leave A Reply Cancel Reply

    Advertisement
    Recent Posts
    • Configure Postfix to Use Gmail SMTP on Ubuntu & Debian
    • PHP Arrays: A Beginner’s Guide
    • Deploying Flask Application on Ubuntu (Apache+WSGI)
    • OpenSSL: Working with SSL Certificates, Private Keys and CSRs
    • How to Create and Read List in Python
    Facebook Twitter Instagram Pinterest
    © 2023 Tecadmin.net. All Rights Reserved | Terms  | Privacy Policy

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