web-dev-qa-db-fra.com

IONIC 2 modèles

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 didacticiel (semble être un substitut à sidemenu dans v1), des onglets, vierges 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 didacticiel à son dos et un nouveau modèle appelé super (connexion, inscription incluse).

29
George Huang

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

Je n'en ai trouvé aucun. 

Voici le lien vers tous les modèles existants

19
nad
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

UPDATE: actuellement Ionic 3.7.0 donne plus de templates:

[email protected]:~/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
54
Guus

! ACTUELLEMENT (changera probablement), vous pouvez procéder comme suit: Le --ts est facultatif si vous le souhaitez dans 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

METTRE À JOUR. vous n'avez plus besoin de spécifier --ts. C'est par défaut maintenant

ionic start tempName blank --v2

UPDATEJ'ai trouvé la liste complète, veuillez noter que certaines n'ont pas été mises à jour depuis un moment.

1 . Une application de démarrage avec la fonctionnalité Ionic Deploy pour permettre les mises à jour en direct de votre application dans l'App Store.

ionic start myApp deploy

2 . Un modèle de départ pour Ionic Framework. Votre application de base Ionic Starter avec piles, ainsi que des outils d'analyse.

ionic start myApp analytics

3 . Pack de démarrage pour la création d'applications Ionic sur la plate-forme Salesforce créée sous la forme d'un partenariat entre Ionic et Salesforce.

 ionic start myApp salesforce

4 . Un projet de démarrage ionique utilisant Google Maps et un menu latéral

ionic start myApp maps 

5 . Un projet de départ pour Ionic utilisant un menu latéral avec navigation dans la zone de contenu

ionic start myApp sidemenu

6 . Un projet de démarrage vierge pour Ionic

ionic start myApp blank --v2

7 . Utilisez Ionic, Three.js et WebGL pour créer une application Google Cardboard dans le cadre du hackathon Angboard Cardboard. 

ionic start myApp cardboard

8 . Un projet de départ pour Ionic utilisant une simple interface à onglets

ionic start myTabs tabs --v2

9 . Ce tutoriel s’accompagne de l’exemple de la documentation de Ionic v2

ionic start myTutorial tutorial --v2

10 . Un projet de démarrage ionique contenant les services ionic.io.

ionic start myApp io
14
LeRoy

Pour ionic 2 c'est la seule commande à 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 générera le suivi suivant mis - 

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 quelques modèles supplémentaires.

$ ionic start appName tutorial --v2

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

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

10
S.Yadav

Vous pouvez créer un projet ionic 2 avec un modèle de menu latéral en utilisant la commande cli suivante:

ionic start your_project_name  --v2 sidemenu
4
Nazrul Islam

Vous pouvez utiliser CLIommend: modèles ioniques ou ionic start -l pour afficher tous les modèles disponibles "installés" sur votre machine de développement.

4
George Huang

Il semble que --list soit retiré de la commande Invite dans Ionic2, 

il suffit de taper ionic start dans la commande Invite et le nouveau GUI demande le nom, le répertoire et le modèle pour créer votre application.

 enter image description here

3
RezaRahmati

Je simple utilise ionic start il me donne des instructions avec tous les modèles disponibles, je sélectionne simplement le modèle avec lequel je veux commencer mon projet Je pense que c'est mieux.

0
Vin Nwaikwu

Vous pouvez utiliser: ionic start --list pour les modèles ionic 2.

0
Abhishek Pandya