Angular-CLI 常用ng 命令
屏幕快照 2019-05-09 上午11.28.35.png
ng g component
ng g component xxx 是用来创建组件的，直接使用该命令，会默认在当前目录下创建一个 xxx 文件夹，并在内部创建以下几个文件：
屏幕快照 2019-05-09 上午11.36.49.png
以上，是使用 ng g component 命令时，可以携带的一些选项配置，来修改默认的行为，其中，如果选项配置为 true，那么 value 值可以省略，如 --flat=true 可以简写成 --flat。
比如：ng g component xxx --flat --inlineStyle --inlineTemplate --spec=false --export
第二种方式，修改 angular.json 配置文件来修改默认行为：
image.png
也就是在 projects 里选择当前项目，然后再其 schematics 下进行配置，至于 @schematics/angular:component 这串怎么来的，可以去开头第一行所指的那份 schema.json 文件中查找。
其实，这份 schema.json 文件，就是 Angular-CLI 的默认配置，当忘记都有哪些命令或参数，除了可以借助 help 命令或到官网查阅外，也可以到这份文件中查阅。
image
除了组件外，也还有指令、模块等命令的默认配置，可以看下其中一项默认配置：
ng g directive
这个是创建指令的命令，组件其实是指令的一种
因为指令并没有对应的 Template 模板和 CSS 样式文件，所以，默认生成的文件中，只有 xxx.directive.ts 和 xxx.spec.ts 两份文件。
ng g pipe
这个是创建管道的命令，它支持的选项配置跟指令的命令基本一样。
所以，同样的，它生成的也只有两份文件，ts 文件和测试文件。
ng g service
这个是创建服务类的命令，支持的选项配置参考上面几种命令。
默认生成的有两份文件，ts 和 测试文件。
ng g class/interface/enum
创建实体类，接口，或枚举的命令，因为这些类型的文件，默认需要的代码模板并不多，即使不用命令创建，手动创建也行。
ng g module
创建一个模块，这个命令有几个比较常用的选项配置：
- --flat=true|false
当为 true 时，在当前目录下创建指定的 xxx.module.ts 和 xxx-routing.module.ts 文件，默认 false，会自动创建 xxx 的文件夹。
- --routing=true|false
当为 true 时，会自动创建对应的 routing 路由模块，默认 false。
- --routingScope=Child|Root
创建路由模块时，配置项是 Child 还是 Root，默认 Child。
网友评论