Does anyone know where I can find all the available Ionic 2 startup templates? Currently I know ionic provides tutorial (seems a replacement to sidemenu in v1), tabs, blank as the default.
Is there any custom templates I can use with ionic start [xx] tempName ?
Update: currently (2/27/2017), ionic team added tutorial template back, and they also added a new template called super (login, signup included).
ionic start --list
gives:
blank ................ A blank starter project for Ionic
complex-list ......... A complex list starter template
maps ................. An Ionic starter project using Google Maps and a side menu
salesforce ........... A starter project for Ionic and Salesforce
sidemenu ............. A starting project for Ionic using a side menu with navigation in the content area
tabs ................. A starting project for Ionic using a simple tabbed interface
UPDATE: currently Ionic 3.7.0 gives more templates:
ubuntu@x.x.x.x:~/prj$ ionic start --list
tabs ............... ionic-angular A starting project with a simple tabbed interface
blank .............. ionic-angular A blank starter project
sidemenu ........... ionic-angular A starting project with a side menu with navigation in the content area
super .............. ionic-angular A starting project complete with pre-built pages, providers and best practices for Ionic development.
conference ......... ionic-angular A project that demonstrates a realworld application
tutorial ........... ionic-angular A tutorial based project that goes along with the Ionic documentation
aws ................ ionic-angular AWS Mobile Hub Starter
tabs ............... ionic1 A starting project for Ionic using a simple tabbed interface
blank .............. ionic1 A blank starter project for Ionic
sidemenu ........... ionic1 A starting project for Ionic using a side menu with navigation in the content area
maps ............... ionic1 An Ionic starter project using Google Maps and a side menu
Ionic 4 templates
ionic start --list
name | project type | description
--------------------------------------------------------------------------------------------------------------------------------
blank | angular | A blank starter project
sidemenu | angular | A starting project with a side menu with navigation in the content area
tabs | angular | A starting project with a simple tabbed interface
tabs | ionic-angular | A starting project with a simple tabbed interface
blank | ionic-angular | A blank starter project
sidemenu | ionic-angular | A starting project with a side menu with navigation in the content area
super | ionic-angular | A starting project complete with pre-built pages, providers and best practices for Ionic development.
tutorial | ionic-angular | A tutorial based project that goes along with the Ionic documentation
aws | ionic-angular | AWS Mobile Hub Starter
tabs | ionic1 | A starting project for Ionic using a simple tabbed interface
blank | ionic1 | A blank starter project for Ionic
sidemenu | ionic1 | A starting project for Ionic using a side menu with navigation in the content area
maps | ionic1 | An Ionic starter project using Google Maps and a side menu
I was looking too. Those you mentioned, it seems pretty much it. Sidemenu exists also for ionic 2, but I didn't managed to make it work so far.
I didn't find any others.
!CURRENTLY (will most likely change) you can do the following :
The --ts is optional if you want it in typescript.
ionic start tempName blank --v2 --ts
ionic start tempName tabs --v2 --ts
ionic start tempName base --v2 --ts
ionic start tempName sidemenu --v2 --ts
UPDATE. you do not need to specify --ts anymore. It is default now
ionic start tempName blank --v2
UPDATE I found the full list, please note that some have not been updated in a while
1.A starter application with Ionic Deploy functionality to enable live updates of your app in the app store.
ionic start myApp deploy
2.A starter template for the Ionic Framework. Your basic batteries-included Ionic starter app, plus analytics.
ionic start myApp analytics
3.Starter pack for building Ionic apps on top of the Salesforce platform created as a partnership between Ionic and Salesforce.
ionic start myApp salesforce
4.An Ionic starter project using Google Maps and a side menu
ionic start myApp maps
5.A starting project for Ionic using a side menu with navigation in the content area
ionic start myApp sidemenu
6.A blank starter project for Ionic
ionic start myApp blank --v2
7.Use Ionic, Three.js and WebGL to build a Google Cardboard app as part of the Angular Cardboard Hackathon.
ionic start myApp cardboard
8.A starting project for Ionic using a simple tabbed interface
ionic start myTabs tabs --v2
9.This tutorial goes along with the example on Ionic v2 documentation
ionic start myTutorial tutorial --v2
10.An ionic starter project containing the ionic.io services.
ionic start myApp io
For ionic 2 this is the only command to know templates --
ionic start --list
See my local System Setup-
D:\appsDir>ionic info
Your system information:
ordova CLI: 6.4.0
Ionic CLI Version: 2.1.13
Ionic App Lib Version: 2.1.7
ios-deploy version: Not installe
ios-sim version: Not installed
OS: Windows 8
Node Version: v7.2.0
Xcode version: Not installed
And this will generate following out put -
D:\AppsDir>ionic start --list
Downloading Starter Templates - http://code.ionicframework.com/content/starter-t
emplates.json
Ionic Starter templates
blank ................ A blank starter project for Ionic
complex-list ......... A complex list starter template
maps ................. An Ionic starter project using Google Maps and a side men
u
salesforce ........... A starter project for Ionic and Salesforce
sidemenu ............. A starting project for Ionic using a side menu with navig
ation in the content area
tabs ................. A starting project for Ionic using a simple tabbed interface
Along with this all we have some more template as-
$ ionic start appName tutorial --v2
Note:- Don't use $ for windows OS.
Hope it will help you ...
You can use CLI commend: ionic templates or ionic start -l to see all the available templates "installed" on your dev machine.
You can create ionic 2 project with side menu template using following cli command:
ionic start your_project_name --v2 sidemenu
It seems --list is removed from command prompt in Ionic2,
just type ionic start in command prompt and new Gui asks for name, directory and template and it will create your app.
I simple use ionic start it give me instructions with all the available templates, I just select which template I want to start my project with. I think that is best.
