生成路由模块和组件的命令

Question

除了手动创建之外，还有什么方法可以在 Angular-CLI 应用程序中生成新模块时创建

routing.module.ts

？

我最近开始在我的应用程序中实现延迟加载，并希望一步结合这两种操作。

Answer 1

没有单独的命令来创建 routing.module 文件。但是，可以在创建模块时创建它：

ng generate module [module-name] --routing

或命令的简写版本：

ng g m [module-name] --routing

...将创建模块并添加映射/元数据链接。

---

我对此进行了一些搜索，发现了一些文章，其中对不同类型的命令有很好的解释。

终极 Angular CLI 参考

Answer 2

带有路由的模块创建 CMD :-

ng g m [ModuleName] --routing

Answer 3

迟到但非常有用。

ng g m about --module app --route about 

上面的命令将生成带有about组件的about模块，并在app模块中添加延迟加载路由，用于路由about路由。

Answer 4

我参加聚会迟到了 :) 但这是我如何一次性为模块生成

module

、

routing

和

component

并在同一目录中

从

src/app/

目录中输入以下命令，生成名为“my-page”的模块、路由和组件

ng g m my-page --routing=true && ng g c my-page --skip-tests=true -m=my-page

如果您希望生成测试，请不要使用

--skip-tests

参数。

Answer 5

在同一文件夹中同时创建模块和路由。

ng g m sub-folder/module-name --routing

创建唯一的模块。

ng g m  sub-folder/module-name

Answer 6

创建一个带有路由（延迟加载导入）的模块、模块路由以及在路由处加载的组件 你可以按照语法来写

ng g m [myModule_name] --route [myRoute_path_name] --module [routing_module_name]

示例：

ng g m public --route public --module app 

Answer 7

1. 生成组件：

   ng g c componanentName

   或

   ng g c sub-folder/componentName

2. 要生成模块或路由模块，请使用：

   ng g m sub-folder/moduleName --routing

Answer 8

使用路由创建模块的简单命令..

 ng g m [module_name] --routing

Answer 9

可以使用

// module and routing
-> ng g m name --routing

// component with module and routing
-> ng g c name && ng g m name --routing
-> ng g m name --routing && ng g c name -m=name`

Answer 10

ng generate module ModulName --flat --module=app

Answer 11

您可以像这样一次性生成模块、路由和组件：

ng g m vast-urls --routing=true && ng g c vast-urls --skip-tests=true -m=vast-urls

Answer 12

1-如果你想在文件夹中生成路由：

ng g m [modelName] --routing

2-如果你想在同一个文件夹中生成路由：

ng g m [modelName] --flat --routing --modele=app

3-生成带有模型路由的组件：

ng g c [modelName] && ng g m [modelName] --routing

Answer 13

PowerShell

这是一个基于其他答案的 PowerShell 函数，已预加载在配置文件中。

function Set-RoutingModule {
    
    param( [Parameter(Mandatory=$true)]
           [string]$Name );

    # Run the first command for routing
    & ng g c $Name  
     
    # Check the exit code
    if ($LastExitCode -eq 0) {
      # Create the component now

      & ng g m $Name --routing=true

      & write-host "Success" -ForegroundColor Green
      
    } else {
      # Handle the error
      & write-host "Error executing ng g m command." -ForegroundColor Red
    }
}

使用方法

 Set-RoutingModule About