• 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:

    node --version
    npm --version

    Ionic 4 installation of CLI

    First, install the Ionic CLI with npm,

    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.

    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

    ionic start myApp sidemenu

    Run the Application

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

    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
  • Enable Notifications    OK No thanks