Building Ionic Apps With Visual Studio Code

Microsoft announces support for Ionic in the Cordova Tools Extension for VS Code. With that learn how to build Ionic apps with Visual Studio Code

With the Cordova Tools Extension for Visual Studio Code use your web intelligence to build cross-platform hybrid mobile apps for iOS, Android, & other platforms. Through this create a project to target a large number of users using mobile devices. For this, Ionic is one of the well-known JavaScript hybrid frameworks to create interactive mobile apps.
 
Ionic is a free and open source JavaScript hybrid framework that provides a library of mobile-optimized HTML, CSS and JS CSS components, gestures, and tools for building highly interactive mobile apps. As stated via blog to announce support for Ionic in the Cordova Tools Extension for VS Code,
 
"Free and open source, Ionic offers a library of mobile-optimized HTML, CSS and JS CSS components, gestures, and tools for building highly interactive mobile apps. It is built with SASS and optimized for AngularJS. Today, we are pleased to announce support for Ionic in the Cordova Tools Extension for VS Code!"
 
Here are the steps to try,
 
Download VS Code
 
Download and install Visual Studio Code for Mac, Windows or Linux. For this visit code.visualstudio.com and click on Download as in the following screenshot:
 
 
Image Credit: Screenshot from code.visualstudio.com
 
Launch the VS Code Command Palette
 
Launch the VS Code Command Palette using Ctrl+P on Windows, Cmd+P on Mac. After that type the following command and press Enter:
  1. ext install cordova-tools  
Completed
 
After pressing Enter, installation completes and now you can start building with no hassles.

Start building!
 
 
Image Credit: blogs.msdn.microsoft.com
 
JavaScript IntelliSense and now support for common Ionic components are also provided to build Ionic Apps faster and more efficiently with the tools. Ionic also allows you to create complex user interfaces using a set of amazing pre-defined components like Tabs, or a SideMenu. Snippet support is also provided now by tools for VS Code.
 
The blog also gives some tips for hybrid mobile app,
 
"A good idea is to try out your hybrid mobile app on a browser before moving it over to a device or an emulator to test device specific functionality. To test your Ionic app out in the browser, we have added support to begin your debugging experience with a browser based workflow, leveraging Ionic serve."