Just a few weeks ago, Ionic released the public beta for Ionic Lab, a new tool for Ionic users who prefer graphical interfaces over command line interfaces.
Today, Ionic super pumped to announced that Ionic Lab for Windows has launched! Download it here. Ionic also refreshed Ionic Lab for Mac with some exciting updates.
What’s New in Ionic Lab
- Ionic Lab updated the error and status notification system.
- Ionic Lab added the ability to copy/paste error pop-up content.
- Ionic Lab fixed several major bugs.
What’s Unique to the Windows Version
- Ionic Lab for Windows builds only Android applications and includes Android platform-specific add, build, and run buttons and menu items.
- The functionality is identical to that of Ionic Lab for Mac.
- Now, both Windows and Mac users can use Ionic Lab to help them create, build, and run their Ionic applications.
Ionic Lab Roadmap
Here’s what’s coming up for Ionic Lab:
- Customized settings for Ionic apps (serve port, live reload port, watching locations).
- One-click system setup (Android, Xcode, etc.)
- Integrated Cordova plugin searching and validation.
- Additional preview options (resizing app size, side by side views, and orientation).
- Customized platform settings (Crosswalk for Android, WKWebView for iOS).
- Ionic resources generation for icons and splash screens.
- Build options for Release (concatenation, uglification, updating HTML for references to assets).
- Saving and restoring Ionic application setup.
- Tighter integration with the Ionic Platform, including the ability to specify deploy to device based on upload, integration for push notifications, Ionic Creator integrations, and integrated documentation.
Ionic Lab: Mix it up with new GUI tool
Ionic Lab is the result of our first experiment with the Ionic Lab concept, combined with the Ionic CLI, which gives developers an easy way to start, build, run, and emulate Ionic apps – as well as integrate them with the Ionic Platform (more on that later).
But ionic want Ionic’s toolchain to be a great experience for those who don’t typically use command line tools, too, so Ionic Lab combined the CLI’s functionality into an easy-to-use interface that ionic think you’re really going to love.
Like the Ionic CLI, Ionic Lab makes it super easy for developers to get up and running with an Ionic project and all the aspects of the development cycle that follow: starting, building, emulating, uploading, and viewing apps; running apps on physical devices; and sharing apps with other users.
And, as usual, ionic invested heavily in the web platform to create Ionic Lab.
Using the same technology that runs Atom text editor, Electron, ionic created the entire application by dogfooding the Ionic SDK itself with a few node modules to assist. Go ahead and take a peek under the hood; you’ll see Ionic controllers, services, and state managing the application!
Getting Started with Ionic Lab
To get started with Ionic Lab, download the Mac app (Windows coming soon!), and move it to your Applications folder:
Start the app, and you’ll be greeted by the welcome screen. You can then drag and drop your existing Ionic applications into Ionic Lab or start a brand new project.
Once you select your Ionic app from the left app sidebar, you’ll see options in the middle pane that let you serve, emulate, run, build, upload, or share your application.
To view your Ionic app in Ionic Lab, hit the ‘serve’ button. You’ll see a preview of your app on the right. Above the app are two tabs, ‘iOS’ and ‘Android’. You can toggle between the platforms to see how your app will look on an iOS or Android device.
You can also access logs for your app at any time from the icon in the upper right of the application. This really comes in handy, especially when you need to see what went wrong.
We’re really excited about the evolution of Lab and what’s in store for it going forward. In the immediate future, our focus will be on stabilizing Ionic Lab for all Mac OSX and Windows users. We also plan to allow users to customize settings for Ionic apps (serve port, live reload port, watching locations).
Eventually, we’ll be including a one-click system setup (Android, Xcode, etc.), integrated Cordova plugin searching and validation, additional preview options (resizing app size, side-by-side views, and orientation), and the ability to customize platform settings (Crosswalk for Android, WKWebView for iOS).
Our other future plans include:
- Ionic resources generation for icons and splash screens
- Build options for release: concatenation, uglification, updating HTML for references to assets
- Saving and restoring Ionic application setup
- Integrated documentation
- Ionic Platform integration for push notifications and the ability to specify deploy to device based on upload
- Ionic Creator integration
- Ionic View live previewing