web-dev-qa-db-ja.com

IONIC 2つのテンプレート

利用可能なすべてのIonic 2スタートアップテンプレートを見つけることができる場所を誰か知っていますか?現在、ionicがチュートリアル(v1のサイドメニューの代替と思われる)、タブ、デフォルトとして空白を提供していることを知っています。

ionic start [xx] tempNameで使用できるカスタムテンプレートはありますか?

更新:現在(2017年2月27日)、ionicチームはチュートリアルテンプレートを追加し、super(ログイン、サインアップを含む)という新しいテンプレートも追加しました。

30
George Huang

私も見ていました。あなたが言及したもの、それはほとんどそれのようです。サイドメニューはionic 2にも存在しますが、私はそれを今のところうまく動作させることができませんでした。

他の人は見つかりませんでした。

ここにすべての既存のテンプレートへのリンクがあります

20
nad
ionic start --list

与える:

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

更新:現在Ionic 3.7.0はさらにテンプレートを提供します:

[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

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
55
Guus

!CURRENTLY(変更される可能性が高い)次のことができます:TypeScriptで必要な場合、--tsはオプションです。

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 [〜#〜]--tsを指定する必要はもうありません。現在はデフォルトです

ionic start tempName blank --v2

[〜#〜] update [〜#〜]完全なリストを見つけましたが、しばらく更新されていないものがあることに注意してください

1。Ionicを使用したスターターアプリケーションは、アプリストアでアプリのライブ更新を有効にする機能を展開します。

ionic start myApp deploy

2。Ionic Frameworkのスターターテンプレート。基本的なバッテリーに含まれるIonicスターターアプリ、および分析。

ionic start myApp analytics

3。Ionic間のパートナーシップとして作成されたSalesforceプラットフォームの上にIonicアプリを構築するためのスターターパックおよびSalesforce。

 ionic start myApp salesforce

4。Googleマップとサイドメニューを使用したIonicスタータープロジェクト

ionic start myApp maps 

5。コンテンツエリアでのナビゲーション付きのサイドメニューを使用したIonicの開始プロジェクト

ionic start myApp sidemenu

6Ionicの空のスタータープロジェクト

ionic start myApp blank --v2

7。Ionic、Three.js、およびWebGLを使用して、Angular Cardboard Hackathonの一部としてGoogle Cardboardアプリを構築します。

ionic start myApp cardboard

8。シンプルなタブ付きインターフェースを使用したIonicの開始プロジェクト

ionic start myTabs tabs --v2

9。このチュートリアルは、Ionic v2ドキュメンテーションの例に沿っています。

ionic start myTutorial tutorial --v2

10。ionic.ioサービスを含むionicスタータープロジェクト。

ionic start myApp io
15
LeRoy

ionic 2の場合、これがテンプレートを知る唯一のコマンドです-

ionic start --list

ローカルシステムセットアップを参照してください-


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

そして、これは次の出力を生成します-

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  

これに加えて、さらにいくつかのテンプレートがあります。

$ ionic start appName tutorial --v2

注:-Windows OSには$を使用しないでください。

それがあなたを助けることを願っています...

12
S.Yadav

次のcliコマンドを使用して、サイドメニューテンプレートでionic 2プロジェクトを作成できます。

ionic start your_project_name  --v2 sidemenu
5
Nazrul Islam

CLI commend:ionic templatesまたはionic start -lを使用して、開発マシンに「インストール」されているすべての利用可能なテンプレートを表示できます。

5
George Huang

Ionic2のコマンドプロンプトから--listが削除されたようです

コマンドプロンプトでionic startと入力するだけで、新しいGuiが名前、ディレクトリ、テンプレートを要求すると、アプリが作成されます。

enter image description here

4
Reza

私は単純にionic start使用可能なすべてのテンプレートの説明が表示されます。プロジェクトを開始するテンプレートを選択するだけです。それが最高だと思います。

0
Vin Nwaikwu

次を使用できます:ionic start --list for ionic 2つのテンプレート。

0
Abhishek Pandya