日常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 下的 app-routing.module.ts 文件中。

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

原文链接地址:https://www.6blog.cn/frontEnd/46

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

  1. Angular CLI ng常用命令整理

    Angular CLI 的ng命令常用整理 当前对应版本:angular-cli:1.0.0    node:8.9.3   os:win32 x64 1.创建项目 ng new 命令 描述 ng n ...

  2. Angular下通过命令创建组件至指定文件夹下

    每次通过命令 ng g c  comp1   生成的文件夹都在根组件app文件夹下面,看着真是很不爽啊,手动移又不想移,就只能求助这样子,突然发现可以通过  cd  命令切换到指定文件下,再通过  n ...

  3. vue/cli是什么?vue/cli如何使用? 入门篇(安装创建,组件使用,定义路由,项目导出) ∠( °ω°)/ 前端知识

    文章目录 简介 安装 安装nodejs nvm npm换源 单次换源 永久换源 方法一 方法二 Vue/cli安装 创建Vue/cli项目 解决常见错误 用命令行创建项目 可视化界面创建 项目目录简介 ...

  4. Angular CLI ng 指令指南

    Angular CLI 使用教程指南参考 Angular CLI 现在虽然可以正常使用但仍然处于测试阶段. Angular CLI 依赖 Node 4 和 NPM 3 或更高版本. 安装

  5. 前端学习(3021):vue+element今日头条管理--创建组件和配置路由

  6. 前端学习(3002):vue+element今日头条管理--创建组件和设置路由

  7. angular创建组件命令

    ng generate component example 生成组件带有模版 ng generate component example -it 生成内联模版(不会单独生成html文件) ng gen ...

  8. angular过滤字符_如何使用Angular和Azure计算机视觉创建光学字符读取器

    angular过滤字符 介绍 (Introduction) In this article, we will create an optical character recognition (OCR) ...

  9. Angular随记:Angular CLI安装及使用

    提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 目录 一.安装 Angular CLI 二.Angular CLI 使用 1.命令总览 2.创建应用 3.启动运行项目 4.创建指定的 ...

  10. (转)创建Windows服务(Windows Services)N种方式总结

    转自:http://www.cnblogs.com/aierong/archive/2012/05/28/2521409.html 最近由于工作需要,写了一些windows服务程序,有一些经验,我现在 ...

最新文章

  1. 第8章4节《MonkeyRunner源码剖析》MonkeyRunner启动运行过程-启动6
  2. 认识jQuery及jQuery选择器
  3. kvm安装完全版 rhel6
  4. 通过Mybatis建表问题
  5. 我画着图,FluentAPI 她自己就生成了
  6. Python基础学习笔记三
  7. swift项目 9.3以前版本模拟器运行出错
  8. Vue响应式数据: Observer模块实现 1
  9. 大数据应用案例---用户画像与精准营销
  10. 计算机word2003界面,Word2003工作界面简介
  11. java tibco client,TIBCO EMS 8.5.1 安裝 (Linux)
  12. 大小写字母转换c语言用getchar,用getchar改写大小写.doc
  13. 6-1 计算捐款总量 (10分)
  14. 小米手机混淆升级崩溃记录与解决
  15. cmd sqlplus远程连接_sqlplus连接远程数据库
  16. 安卓卡片式ViewPager
  17. 磁共振t1t2信号记忆顺口溜_学习MRI时,老师都说 T1 看解剖,T2 看病变,T1、T2 是什么意思?大家怎样理解这句话的?...
  18. 安装ModelSim的详细步骤:
  19. day10:排队论模型
  20. 为什么梦幻西游服务器名字有显示但是区名字没有了,梦幻西游开区时间查询

热门文章

  1. 安卓端gis_安卓系统的gis软件
  2. 查看mysql的sql运行记录
  3. springcloud踩坑记录1
  4. 智能ai电话机器人源码加密开源版开发
  5. 生活中最毁身体的坏姿势(转载)
  6. 简单认识Anti-RootKit
  7. 简单的Docker入门
  8. 解析STEM理念对机器人教育的启示
  9. PHP 调用微信小程序 OCR 接口
  10. 基于C语言Win32API窗口实现的物流配送信息管理系统