我正在使用ionic-cli 2
为我的ionic
项目生成页面。我想将我的页面分别保存在不同的文件夹中。Login
例如,我想将页面保存Signup
在一个名为authentication
. 但同时我想享受ionic generate page
快速设置authentication
文件夹内页面的命令。当前将在文件夹ionic-cli
中生成页面。pages
如何在pages/authentication
文件夹中制作它?
6 回答
赶紧跑
ionic generate page pages/authentication
我知道已经有一段时间了,但这对我使用@latest ionic (3.12.0) 很有用
从应用程序的根文件夹生成“子页面”,就像生成“顶级”页面一样。然后,使用 Visual Studio Code 将它们拖到预期的位置。
显然你想重命名诸如模块和类之类的东西。例如,对于“团队”页面的“主页”和“排名”子页面,我分别重命名了类 fromHomePage
和StandingsPage
toTeamHomePage
和TeamStandingsPage
。
或者(回想起来推荐),使用所需的结构命名页面,例如ionic generate page team-home
(您仍然必须手动移动它们)。这对于重复模式特别有用,例如,如果您还想要“家”和“排名”子页面来表示“锦标赛”页面。
ionic g page src/app/pages/{your_pageName}
这对我有用。
我知道这在开始时会很棘手。在这里,我提到了在特定目录下创建页面的步骤。
假设您的项目遵循以下目录结构:
- 源代码
- 应用程序
- 成分
- 页面
- 管道
- 成分
- 应用程序
要在“pages”下创建页面,导航到“app”目录并使用命令: ionic g page pages/test
在创建单独的文件夹之前,您必须在您的应用程序文件夹中手动创建一个身份验证文件夹。
CLI > ionic 生成页面身份验证/登录
阅读文档https://ionicframework.com/docs/cli/commands/generate 似乎您可以在调用命令时直接指定要在其中生成页面或组件的文件夹。
键入ionic g page my_dir/my_page
在 my_dir 目录中生成一个页面组件。