Running Ionic Application is different modes using Ionic Lab

Introduction

From the point of view of a Developer, Ionic 2 application needs to be aligned with the develop once and deploy anywhere philosophy. It should cater to the needs of all the various group of users. May it be Android, iOS or Windows users, it should be convenient for a developer to develop the application and run it as per his/her ease. This brings to something called Ionic Lab provided by Ionic Framework itself.

As in the previous article, you have seen how to install the framework. In this article, we will introduce you to how Ionic Lab looks and how it works.

What is Ionic Lab and how to enable it

So the pun is its not at all a lab but just an option within the command line in order to build an application. In the normal view when you run an Ionic application it will look something like the image provided below.

cd sampleApp
ionic serve
Ionic Serve

Ionic Serve

On the other hand, a simple command can take your life to a whole new level from a developers point of view.

Use the command mentioned below:-

cd sampleApp
ionic serve --lab
Ionic Lab

Ionic Lab

If you observe closely the web interface provides various options for your development and makes it an ease. This gives an ability to operate in the three different environments without any hassle and people can easily compare the performance with the same. Have a look at the animation below and it will make the purpose clear.

Ionic Lab

Ionic Lab

Thea above image makes it pretty clear how Ionic with Lab option can create wonder for any user and make development a breeze.

Conclusion

From the above, it must be clear for anyone starting their journey with Ionic that the Lab is a feature that provides a bird’s eye view to any developer. May it be a UX/UI guy or a developer. One can see and visualize early how certain mobile app looks and feels.


Originally published at The Web Juice.