30 votes

Modèles IONIC 2

Est-ce que quelqu'un sait où je peux trouver tous les modèles de démarrage Ionic 2 disponibles? Actuellement, je sais que ionic fournit un tutoriel (semble remplacer le menu latéral dans la v1), des onglets, vides par défaut.

Existe-t-il des modèles personnalisés que je peux utiliser avec ionic start [xx] tempName ?

Mise à jour: actuellement (27/02/2017), l'équipe ionique a ajouté un modèle de tutoriel, et ils ont également ajouté un nouveau modèle appelé super (connexion, inscription incluse).

55voto

Guus Points 614
 ionic start --list
 

donne:

 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
 

MISE À JOUR: actuellement Ionic 3.7.0 donne plus de modèles:

 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
 

Modèles Ionic 4

 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
 

20voto

nad Points 201

Je cherchais aussi. Ceux que vous avez mentionnés, il semble à peu près tout. Sidemenu existe également pour ionic 2, mais je n'ai pas réussi à le faire fonctionner jusqu'à présent.

Je n'en ai pas trouvé d'autres.

Voici le lien vers tous les modèles existants

15voto

LeRoy Points 48

!ACTUELLEMENT (changera probablement), vous pouvez effectuer les opérations suivantes : L' --ts est en option si vous voulez qu'il en caractères d'imprimerie.

ionic start tempName blank --v2 --ts

ionic start tempName tabs --v2 --ts

ionic start tempName base --v2 --ts

ionic start tempName sidemenu --v2 --ts

La mise à JOUR. vous n'avez pas besoin de spécifier --ts plus. Il est par défaut maintenant

ionic start tempName blank --v2

Mise à JOUR , j'ai trouvé la liste complète, veuillez noter que certains n'ont pas été mis à jour en temps

1.Une application de base avec Ionique Déployer la fonctionnalité pour permettre les mises à jour de votre application dans l'app store.

ionic start myApp deploy

2.Un modèle de démarrage pour l'Ionic Framework. Votre base de batteries incluses Ionique starter app, plus analytique.

ionic start myApp analytics

3.Pack de démarrage pour la construction Ionique apps sur le dessus de la plate-forme Salesforce créé un partenariat entre Ionique et Salesforce.

 ionic start myApp salesforce

4.Un Ioniques starter projet à l'aide de Google Maps et un menu latéral

ionic start myApp maps 

5.Un projet de départ pour Ionique à l'aide d'un menu latéral à la navigation dans la zone de contenu

ionic start myApp sidemenu

6.Un vide starter projet pour Ionique

ionic start myApp blank --v2

7.Utilisation Ionique, Three.js et WebGL pour construire un Google Carton d'application dans le cadre de l'angle de Carton Hackathon.

ionic start myApp cardboard

8.Un projet de départ pour Ionique à l'aide d'une simple interface à onglets

ionic start myTabs tabs --v2

9.Ce tutoriel va de pair avec l'exemple sur Ionique v2 documentation

ionic start myTutorial tutorial --v2

10.Un ioniques starter projet contenant les ionique.io services.

ionic start myApp io

12voto

S.Yadav Points 1054

Pour ionic 2, c'est la seule commande pour connaître les modèles -

 ionic start --list
 

Voir ma configuration système locale-


 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
 

Et cela va générer des sorties suivantes -

 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  
 

Parallèlement à tout cela, nous avons encore plus de modèles

 $ ionic start appName tutorial --v2
 

Remarque: - N'utilisez pas $ pour Windows OS.

J'espère que cela vous aidera ...

5voto

George Huang Points 1432

Vous pouvez utiliser CLI commend: ionic templates ou ionic start -l pour voir tous les modèles disponibles "installés" sur votre machine de développement.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X