使用Angular cli(ng generate)创建组件、服务、类、路由、指令、管道

时间:2025-01-19 07:39:25

日常angular开发中,相信不少人在创建新组件时,普遍会采用复制粘贴的方式创建新的组件或服务等。其实可以采用ng generate的方式快速创建组件、服务、类、路由等。

在使用angular cli创建文件时,需要先命令行cd进入到需要的目录位置,然后再执行类似’ng generate comoonent 名称’的命令。

创建一个新组建(component)
	ng generate component 组件名称
    // 或
	ng g comonent 组件名称
创建新服务(service)
    ng generate service 服务名称
    // 也可以
    ng g service 服务名称
创建一个简易的模型类(class)
    ng generate class 类名称
生成一个新路由(route)
    ng generate route 路由名称
生成一个新指令(directive)
    ng generate directive 指令名称
生成一个新管道(pipe)
    ng generate pipe 管道名称
使用angular cli创建一个路由:

在 Angular 中,最好在一个独立的*模块中加载和配置路由器,它专注于路由功能,然后由根模块 AppModule 导入它。
按照惯例,这个模块类的名字叫做 AppRoutingModule,并且位于 src/app 下的 文件中。

    ng generate module app-routing --flat --module=app

    --flat 把这个文件放进了 src/app 中,而不是单独的目录中。
    --module=app 告诉 CLI 把它注册到 AppModule 的 imports 数组中。

原文链接地址:https:///frontEnd/46