Angular脚手架系列：二、使用Angular CLI从蓝本生成代码

目录

1、ng generate <蓝本名> 命令

2、Components 组件

3、Directive

4、Service

5、Model/Interface/Enum/Pipe

model

interface

enum

Pipe

Module

---

这篇文章主要是讲生成 Components, Directive, Service, class, interface, enum等等.

1、ng generate <蓝本名> 命令

该命令的格式是 ng generate <蓝本名> <参数>.

也可以使用--dry-run参数来列出要生成的文件, 而不是真的生成.

例如:

ng generate component person, 就会生成一个名称为PersonComponent的组件

ng generate service sales-data, 就会生成一个名称为SalesDataService的服务

ng generate class user-model,就会生成一个名称为UserModel的类

2、Components 组件

ng generate xxx xxx的命令还是有点长, 这里angular cli内置了命令的别名, 例如:
ng generate component person 这个命令,
里面的generate 可以使用字母 g 代替,
里面的component 可以使用字母 c 代替.
所以这两个命令是相等的:
ng generate component person
ng g c person

可以到这里查看component相关的命令和别名:

https://github.com/angular/angular-cli/wiki/generate-component

可能常用的命令参数有: 

• --flat  表示是否不需要创建文件夹
• --inline-template (-it) 模板是否应该放在ts文件里
• --inline-style (-is) 样式是否应该放在ts文件里.
• --spec 是否需要创建spec文件(测试文件)
• --view-encapsulation (-ve)  View Encapsulation策略 (简单理解为样式文件的作用范围策略).
• --change-detection (-cd) 变化检查策略.