This extension was removed from Visual Studio Gallery in favor of Ionic’s official one.
On my previous post I wrote about how to start a project in Ionic Creator and export it to continue with development within Visual Studio.
Today, I would like to introduce the Ionic Project Template Visual Studio Extension that I created to simplify the process and be able to have a project already setup with the basic Ionic templates from Visual Studio (of course it is not a replacement for Ionic Creator, there you can drag and drop more components and set their style, but once you get familiar with Ionic, you would probably appreciate to be able to start the project quicker and apply the style yourself). You can find the extension in the Visual Studio Gallery.
Remember that you need to have the Visual Studio Tools for Apache Cordova installed first.
How to Use the Extension
Once you have the Visual Studio Tools for Apache Cordova installed, and the Ionic Project Templates extension installed (remember to restart Visual Studio after installing the extension), just go to the File menu, then New, then New project.
About the Templates
The templates will provide you the basic structure that you would get when exporting them from Ionic Creator. Well, maybe a little bit more. Some are tuned and with namings to help you understand what is what (like the tabs template). They also include the project structure (Ionic Creator only gives an index.html unless you export it using the Ionic CLI), with all their dependencies and the code adjusted to run with the Visual Studio Tools for Apache Cordova. Version 1.0 of the extension comes with Ionic’s Beta 14.
There are 5 templates included in the VS Extension:
- Blank Ionic App
- A template with a built-in login page
- A template with a built-in side menu
- A template with a built-in signup page
- And a template with built-in tabs
Do you want to improve the templates and keep the extension up to date? Feel free to join the GitHub project! [Update: was removed as said before to favor the official ones from the Ionic folks]
In case you have comments or questions, feel free to leave a comment either here or in the Visual Studio Gallery page. [Update: was removed as said before to favor the official ones from the Ionic folks]
Hope it helps!