离子 2 模板

Question

有谁知道我在哪里可以找到所有可用的 Ionic 2 启动模板？目前我知道 ionic 提供教程（似乎是 v1 中侧边菜单的替代品）、选项卡、默认为空白。

有没有我可以与 ionic start [xx] tempName 一起使用的自定义模板？

更新：目前（2/27/2017），ionic 团队重新添加了教程模板，他们还添加了一个名为 super 的新模板（包括登录、注册）。

Answer 1

我也在看。你提到的那些，似乎差不多。 ionic 2 也有侧边菜单，但到目前为止我还没有成功。

我没有找到其他人。

Here is the link to all existing templates

Answer 2

您可以使用 CLI 命令：ionic templates 或 ionic start -l 查看开发机器上所有可用的模板"installed"。

Answer 3

您可以使用以下 cli 命令创建带有侧边菜单模板的 ionic 2 项目：

ionic start your_project_name  --v2 sidemenu

Answer 4

!CURRENTLY（很可能会改变）您可以执行以下操作：如果你想在打字稿中使用 --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

更新。您不再需要指定 --ts。现在是默认值

ionic start tempName blank --v2

更新我找到了完整列表，请注意有些已经有一段时间没有更新了

1。具有 Ionic Deploy 功能的入门应用程序，可在应用商店中实时更新您的应用。

ionic start myApp deploy

2.Ionic Framework 的入门模板。您的基本内置电池 Ionic 入门应用程序，以及分析功能。

ionic start myApp analytics

3。用于在 Salesforce 平台之上构建 Ionic 应用程序的入门包，作为 Ionic 和 Salesforce 之间的合作伙伴关系创建。

 ionic start myApp salesforce

4。使用 Google 地图和侧边菜单的 Ionic 入门项目

ionic start myApp maps

5.Ionic 的起始项目，使用侧边菜单并在内容区域导航

ionic start myApp sidemenu

6.Ionic

的空白启动项目

ionic start myApp blank --v2

7。作为 Angular Cardboard Hackathon 的一部分，使用 Ionic、Three.js 和 WebGL 构建 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 start myApp io

Answer 5

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 提供了更多模板：

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 模板

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

Answer 6

对于 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。

希望对您有所帮助...

Answer 7

似乎 --list 从 Ionic2 的命令提示符中删除，

只需在命令提示符中键入 ionic start，新的 Gui 会询问名称、目录和模板，它将创建您的应用程序。

Answer 8

您可以使用：ionic start --list for ionic 2 模板。

Answer 9

我简单地使用 ionic start 它为我提供了所有可用模板的说明，我只是 select 我想用哪个模板开始我的项目。我觉得这样最好。

离子 2 模板

IONIC 2 templates

ionic2