×
  • Hybrid Android, iOS App with Ionic 4 and Angular 10

  • Ionic 4 Installation

    Lesson List

    Let’s start with ionic 4 installations. We will be going through what all prerequisite is needed along with its required npm modules that need to be installed.
    Ionic apps can be created through an ionic command-line utility. Ionic CLI is a preferred method of installation because it comprises of dev tools and other help option to create app very quickly.

    Pre-requisites for Ionic

    To run and build ionic application you will be required to install node.js as a base for the application. For best compatibility make sure you have installed LTS version of node.js
    Node is bundled with npm, the package manager for JavaScript.

    To verify the installation, open a new terminal window and run:

    Bash
    
    node --version
    npm --version
    

    Ionic 4 installation of CLI

    First, install the Ionic CLI with npm,

    Bash
    
    npm install -g @ionic/cli
    

    If there was a previous installation of the Ionic CLI, it will need to be uninstalled due to a change in the package name.

    Bash
    
    npm uninstall -g ionic
    npm install -g @ionic/cli
    

    The -g option means install globally. When packages are installed globally, EACCES permission errors can occur. Consider setting up npm to operate globally without elevated permissions.

    Start an Application

    To start with the new application setup you can choose the existing one templates or a blank one to start the fresh.
    You can choose as one of the below,
    1) blank
    2) tabs
    3) sidemenu

    Start with the ionic start command

    Bash
    
    ionic start myApp sidemenu
    

    Run the Application

    To run and test the created application you need to use the following commands,

    Bash
    
    cd myApp
    ionic serve
    

    In the browser, you can see the app running.
    So, here is how Ionic 4 Installation can be done. in the next chapter will see how ionic create a folder structure and its insights.

    Ionic 4 Installation
    .
    .
  • We use cookies in order to give you the best possible experience on our website. By continuing to use this site, you agree to our use of cookies.
    Accept