【问题标题】:ionic-cli to generate pages in certain foldersionic-cli 在某些文件夹中生成页面
【发布时间】:2017-02-24 19:45:37
【问题描述】:

我正在使用ionic-cli 2 为我的ionic 项目生成页面。我想将我的页面分别保存在不同的文件夹中。例如,我想将LoginSignup 等页面保存在名为authentication 的单独文件夹中。但同时我想享受ionic generate page 命令来快速设置authentication 文件夹内的页面。目前ionic-cli 将在pages 文件夹中生成页面。如何在pages/authentication 文件夹中制作它?

【问题讨论】:

    标签: ionic-framework ionic-cli


    【解决方案1】:

    我知道已经有一段时间了,但这对我使用 @latest ionic (3.12.0) 有效

    从应用程序的根文件夹生成“子页面”,就像生成“顶级”页面一样。然后,使用 Visual Studio Code 将它们拖到预期位置。

    显然您想要重命名诸如模块和类之类的东西。例如,对于“团队”页面的“主页”和“排名”子页面,我将课程从 HomePageStandingsPage 分别重命名为 TeamHomePageTeamStandingsPage

    或者(回想起来),使用所需的结构命名页面,例如,ionic generate page team-home(您仍然需要手动移动它们)。这对于重复模式特别有用,例如,如果您还想要“主页”和“排名”子页面来表示“锦标赛”页面。

    另见Can ionic2's pages support nested directory structure?

    【讨论】:

      【解决方案2】:

      阅读文档https://ionicframework.com/docs/cli/commands/generate 好像可以在调用命令的时候直接指定要生成页面或组件的文件夹。

      输入 ionic g page my_dir/my_page 会在 my_dir 目录中生成一个页面组件。

      【讨论】:

      • 错误假设,因为这在以后的版本中会生成一个名为 my_dir-my_page 的页面和文件夹
      【解决方案3】:

      我知道这在开始时会变得很棘手。在这里,我提到了在特定目录下创建页面的步骤。

      假设您的项目遵循以下目录结构:

        • 应用程序
          • 组件
            • 管道

      要在“pages”下创建页面,导航到“app”目录并使用命令: ionic g page pages/test

      参考:https://ionicframework.com/docs/cli/commands/generate

      【讨论】:

        【解决方案4】:

        在创建单独的文件夹之前,您必须手动在您的应用文件夹中创建一个身份验证文件夹。

        CLI > ionic 生成页面认证/登录

        【讨论】:

          【解决方案5】:

          直接跑吧

          ionic generate page pages/authentication
          

          更多信息https://ionicframework.com/docs/cli/commands/generate

          【讨论】:

          • 这并没有解决问题。该命令将在文件夹“pages”下生成名为“pages-authentication”的页面。该问题询问如何在 pages/authentication 下生成页面。
          【解决方案6】:

          ionic g page src/app/pages/{your_pageName} 这对我有用。

          【讨论】:

            猜你喜欢
            • 2017-02-06
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 2016-06-11
            • 2020-08-28
            相关资源
            最近更新 更多