The Ionic CLI is your go-to tool for developing Ionic apps. Ionic CLI is a great tool when it comes to avoid writing a lot of boilerlpate code. It generates pages, services, can run or emulate your Ionic application with and generate needed resources for the mobile application such as splash screen. This is a quick reference into Ionic CLI. Installing the CLI Tool You can install it with npm: To check if it has installed correctly, in your terminal window, type: Starting a new App To start with a new mobile application, Ionic framework provides different set of ready-to-use templates: For creating a new project: With update to Ionic 3, no more adding tages such as _--v2_ after the template name in the above command. By default, Ionic app generated will be of version 2/3. To generate an Ionic app of version 1 (with good ol' Angularjs): Serving Once you into your project’s directory, serve your app on your local machine with : cd serve To serve on a different port: Use tag to see your app side by side on multiple platforms (such as iOS, Android and Windows Mobile): –-lab To serve without live reload: Generating Providers and Pages To generate a new page: To generate a provider/service: Know them all- List the available generators: Generating Resources To generate the app icon and splash screen with resources: Or, just the splash screen: Now, generate resources for a specific platform: Adding Platform To add a target mobile platform for the app to use: App on an Emulator To start an emulator: Emulate with livereload: Running Ionic App on a Connected Device Let’s say, I have an iOS device connected, so to run the app on that device: Producion check: Git Initialisation Another advantage of using Ionic CLI tool is that it initialises a git repository when creating an Ionic project using the command from the terminal with an already. You can verify that by running: ionic start initial commit You can also find me on Twitter _The latest Tweets from Aman Mittal 🖖 (@amanhimself). #BookBlogger @ https://t.co/UQvyNf1OTC | Developer | #Nodejs |…_twitter.com Aman Mittal 🖖 (@amanhimself) | Twitter

Target

Twitter

Multi Page Navigation in an Ionic App

Introduction to Hybrid Mobile Apps

Newsletter

Portfolio

Nominated for 2022 - HackerNoon Contributor of the Year - Low Code

Nominated for 2022 - Most Authentic Developer Advocate of the Year

Too Long; Didn't Read

Ionic 2/3 CLI Reference

Ionic 2/3 CLI Reference

About Author

Comments

TOPICS

THIS ARTICLE WAS FEATURED IN

Related Stories

5 things I learnt from Steal Like An Artist

15 Must-Have Resources for Ionic App Developers

A Practical solution for CORS (Cross-Origin Resource Sharing) issues in IONIC 3 and Cordova

Get Started with Ionic 3 and Mobile Apps Today

Getting started with Ionic 2 by building a Markdown App

Getting Started with Ionic Framework: An Overview

5 things I learnt from Steal Like An Artist

15 Must-Have Resources for Ionic App Developers

A Practical solution for CORS (Cross-Origin Resource Sharing) issues in IONIC 3 and Cordova

Get Started with Ionic 3 and Mobile Apps Today

Getting started with Ionic 2 by building a Markdown App

Getting Started with Ionic Framework: An Overview

Light-Mode

Classic

Newspaper

Minty

Dark-Mode

Neon Noir

Minty

HN StartUps