【问题标题】:ng g module my-module only generates the module.ts fileng g module my-module 只生成 module.ts 文件
【发布时间】:2020-08-27 16:35:50
【问题描述】:

ng g module my-module 只生成 module.ts 文件。但我需要所有文件 css、HTML、ts、spec、module.ts。 如何使用 cli 一次生成所有这些?

【问题讨论】:

  • 我猜你实际上想要生成一个 COMPONENTng g c my-component
  • 不,我想要一次包含 module.ts 的组件。
  • 抱歉,兄弟。我只是一个初学者,没关系。
  • 如果您觉得有帮助,请“点赞”和“接受”altoqueperro 的回复。
  • 我尝试投票但弹出一条消息,例如“感谢您的反馈!声望低于 15 人的投票将被记录,但不要更改公开显示的帖子得分。”

标签: angular command-line-interface angular-cli angular-module


【解决方案1】:

你可以试试这个命令:

ng g c [my component]

这会生成除模块之外的那些文件,如果您需要模块,您可以使用您已经使用的命令生成。

希望这会有所帮助。

【讨论】:

  • 我知道它会创建一个组件,我想知道有没有办法一次创建所有文件,包括模块。
  • 据我所知,angular 不会一起生成这些文件,您可以在项目的顶部使用离子框架,当您运行ionic g page [my-page] 这将生成您要求的所有文件。
【解决方案2】:

您需要一个第三方库。我写了一个,你可以试试(那里还有其他的)。我将使用我的原理图库描述如何做到这一点:

第一步:将库安装为开发依赖项:

npm i --save-dev @julianobrasil/schematics-components

第二步:创建你的组件+模块,包括路由

ng g @julianobrasil/schematics-components:component-module --name my-data --path views

示例中使用的参数:

  • my-data:在这种情况下将创建的组件的名称
  • views:my-data 所在的文件夹(相对于app 文件夹)

描述 => 上面的命令将创建:

  • 一个模块
  • 模块内的一个组件
  • 一个外观服务,已经注入到组件中
  • @angular/material 模块(如果您不使用 @angular/material,请将其删除)
  • 一个路由模块和一个路由组件(该模块已准备好延迟加载)

【讨论】:

    【解决方案3】:

    你可以通过 angular cli cmd 来完成,但我会使用两个 cmds 或一个组合:

    首先根据您的喜好创建带有/输出路由的模块:

    ng g m /pages/home-page --routing=true 
    

    然后在第二个 cmd 中创建组件:

    ng g c /pages/home-page
    

    或者您可以将 cmd 与 && 运算符组合在一个 cmd 中:

     ng g m /pages/home-page--routing=true && ng g c /pages/home-page
    

    Angular cli 会自动将您的组件包含到您在第一个 cmd 中创建的模块中,如果您不想 angular 自动导入,只需添加 --skip-import 选项:

     ng g c /pages/home-page --skip-import
    

    【讨论】:

    • 这是一个更好的方法。谢谢。
    猜你喜欢
    • 2016-09-29
    • 1970-01-01
    • 2012-07-24
    • 1970-01-01
    • 2015-09-26
    • 2017-10-06
    • 1970-01-01
    • 1970-01-01
    • 2020-02-29
    相关资源
    最近更新 更多