{"id":2053,"date":"2015-08-12T22:01:20","date_gmt":"2015-08-12T22:01:20","guid":{"rendered":"http:\/\/www.nikola-breznjak.com\/blog\/?p=2053"},"modified":"2015-09-17T06:11:32","modified_gmt":"2015-09-17T06:11:32","slug":"ionic-announces-ionic-lab-a-gui-tool-replacement-for-ionic-cli","status":"publish","type":"post","link":"https:\/\/nikola-breznjak.com\/blog\/javascript\/ionic\/ionic-announces-ionic-lab-a-gui-tool-replacement-for-ionic-cli\/","title":{"rendered":"Ionic announces Ionic Lab – a GUI tool replacement for Ionic CLI"},"content":{"rendered":"

From the official blog post,<\/a>\u00a0Ionic just announced a new shiny tool called Ionic Lab<\/strong>; which is a GUI tool that tends to be a replacement for the well know Ionic CLI for those who don’t quite like the CLIs.<\/p>\n

Hmm, anyone like that reading this blog? I personally like using CLIs better, in general, but that’s just me I guess. <3 Terminal. However, I just might do an exception with this tool.<\/em><\/p><\/blockquote>\n

Currently, they only have a version for Mac (with a Windows version supposedly coming soon. Edit:<\/strong>\u00a0windows version has been announced today (16.09.2015), and you can learn more about it on their blog<\/a>) and you can download it from the official download page<\/a>. Once you download the IonicLab.dmg<\/strong> file, just run it and drag the icon in the Applications<\/strong> folder, as instructed by the installer:<\/p>\n

\"ionicLabInstall\"<\/a><\/p>\n

If you try to run the app via Spotlight, you may get an error “Ionic Lab can’t be opened because it is from an unidentified developer<\/strong>” like shown on the image below:<\/p>\n

\"ionicLabRunError\"<\/a><\/p>\n

If you’re quite new to the Mac world (as I am), you can resolve this issue by opening up your Applications<\/strong> folder, locating\u00a0Ionic Lab<\/strong>\u00a0icon and right clicking the icon and selecting\u00a0Open<\/strong>.<\/p>\n

\"ionicLabApplicationsFolder\"<\/a><\/p>\n

Now a similar popup will appear, but this time \u00a0with the Open<\/strong> option:\"Screen<\/a><\/p>\n

Select the Open<\/strong> option and you should get the initial Ionic Lab screen:<\/p>\n

\"Screen<\/a><\/p>\n

I tested this by dropping my IonicAdMob (link to Github project)<\/a>\u00a0application to it, and this is what happened:<\/p>\n

\"Screen<\/a><\/p>\n

At this point, even though I like CLIs more (as I noted in the introduction) I must say this is pretty awesome. Additionally, if you click on the PLUGINS<\/strong> tab you will see:<\/p>\n

\"Screen<\/a><\/p>\n

Here you can literally install the plugins by simply clicking on the checkboxes.<\/p>\n

What’s even more exciting is that they announced<\/a> that in the future they’re looking to improve it in terms of:<\/p>\n